簡體   English   中英

如何向郵件地址提交表格

[英]How to submit form to mail address

我正在創建我的投資組合,並且已經實施了聯系表格。

我會用Gmail接收訪客消息。 我在網上找不到如何在Angular 2/4中進行操作。

我應該添加一個后端站點來做到這一點嗎?

<div class="contactcard">
    <md-card class="mdcardcontact">
        <md-card-header style="background-color: black; width:100%"></md-card-header>
        <div>
            <md-card-content>
                <form [formGroup]="form" class="form">
                    <div>
                        <md-input-container class="full-width">
                            <input mdInput type="text" formControlName="name" placeholder="Votre nom">
                        </md-input-container>
                    </div>
                    <div>
                        <md-input-container class="full-width">
                            <input mdInput type="text" formControlName="email" placeholder="Votre adressse mail">
                            <md-error *ngIf="form.get('email').hasError('pattern') ">
                                Votre mail n'est pas valid
                            </md-error>
                        </md-input-container>
                    </div>
                    <div>
                        <md-input-container class="full-width">
                            <input mdInput type="tel" formControlName="telephone" placeholder="Votre numéro de téléphone">
                            <md-error *ngIf="form.get('email').hasError('pattern') ">
                                Votre mail n'est pas valid
                            </md-error>
                        </md-input-container>
                    </div>
                    <div>
                        <md-input-container class="full-width">
                            <textarea mdInput type="text" formControlName="message" placeholder="Votre message" style="height:200px; "></textarea>
                        </md-input-container>
                    </div>
                    <button md-fab class="send-button">
                        <md-icon>send</md-icon>
                    </button>
                </form>
            </md-card-content>
        </div>
    </md-card>
</div>

如果我理解正確,則您嘗試在前端使用Javascript發送電子郵件,這是不可能的(另請參見此問題 )。 您將必須為此設置服務器或使用第三方客戶端。

您將需要服務器端語言來執行此操作(PHP,C#,Java,Python ...)。 在向客戶端發送郵件時,必須執行一些SMTP協議,目前我認為必須在服務器上完成此操作,因此請以聯系方式收集用戶信息,並將其傳遞給服務器上的方法以進行傳輸。

您需要某種后端腳本來為您執行此操作。 然后,您可以從角度應用程序將所需數據發送到此腳本。

如果可以將nodemailer和sendgrid傳遞回服務器端,則可以使用

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM