バックエンドなしでreactにメールを送信するにはどうすればよいですか?
質問者:ドムビナ・フレイレ|最終更新日:2020年1月24日
カテゴリ:テクノロジーとコンピューティングの電子メール
バックエンドなしでReactからメールを送信する方法
- 問題。フロントエンドのみのアプリケーションの問題は、電子メールプロバイダーのAPIキーを安全に保存する方法がないことです。
- メールプロバイダーアカウントを作成します。メールサービスとして機能するMailgunアカウントを作成しました。
- EmailJSアカウントを作成します。
- EmailJS電子メールテンプレートを作成します。
- EmailJSをアプリケーションに追加します。
Create-React-Appからメールを送信する
- アプリからcreate-react-app-buildpackを削除し、デフォルトのheroku / nodejsビルドパックをセットアップします。
- ルートReactアプリファイルをサブディレクトリ(react-uiなど)に移動します。
- サーバー/インデックスをコピーします。 js、パッケージ。 json、および。 buildpackサンプルリポジトリからのプロジェクトのルートにあるgitignoreファイル。
- Herokuの原点にコミットしてプッシュします。
続いて、質問は、Nodemailerとは何ですか? NodemailerはNodeのモジュールです。ケーキのメール送信のように簡単にできるjsアプリケーション。プロジェクトは、電子メールメッセージを送信するための適切なオプションがなかった2010年に開始されました。現在、これはほとんどのノードのソリューションです。 jsユーザーはデフォルトでになります。
また、質問は、reactnativeを使用してメールを送信するにはどうすればよいですか?
React Nativeアプリでメールを送信する最も簡単な方法は、 LinkingAPIを使用することです。 <receiver_email> —重要な値。メールを送信するメールアドレス。次に、このURLをメソッドLinkingを介して送信します。
create reactアプリをどのように更新しますか?
既存のプロジェクトを新しいバージョンのreact -scriptsに更新するには、変更ログを開き、現在使用しているバージョンを見つけ(不明な場合は、このフォルダーのpackage。jsonを確認してください)、新しいバージョンの移行手順を適用します。バージョン。ほとんどの場合、パッケージ内のreact -scriptsバージョンをバンプします。
8つの関連する質問の回答が見つかりました
反応ネイティブリンクは何をしますか?
react-ネイティブリンクは、ネイティブ依存関係をインストールするための自動方法です。プロジェクトを手動でリンクする場合、手順の大部分は同じであるため、 react - native linkを使用すると、同様のコードを入力したり、同様のアクションを繰り返し実行したりすることなく、手間をかけずにネイティブ依存関係をインストールできます。
反応ネイティブでfirebaseを使用するにはどうすればよいですか?
Firebaseのセットアップ:バックエンド
httpsに行く:// firebase .google.comとトップの右に「コンソールへ移動」をクリックしてください。 https://www.firebaseio.comではなく、最新バージョンのFirebaseを使用していることを確認してください。次に、[認証]タブ> [サインイン方法]タブに移動し、サインインプロバイダーとして[メール/パスワード]を有効にします。以上です! 反応で連絡フォームを作成するにはどうすればよいですか?
Reactでできることは、お問い合わせフォームを作成することだけです。視覚的には、次のようになります。
- ユーザーはお問い合わせフォームを送信します。
- ReactアプリはPOSTリクエストをバックエンドに送信します。
- バックエンドは、ユーザーの詳細が記載された電子メールをメールボックスに送信します。
- メールボックスは、ユーザーの電子メールアドレスに送信された確認電子メールで返信します。