Appery.ioと新しいSendGridMailAPIプラグインで簡素化されたアプリ内メール

公開: 2015-06-09

以下は、Appery.ioのMaxKatzからのゲスト投稿です。 この投稿の下部にあるMaxの詳細をご覧ください。

SendGridは、アプリ内メール機能の追加を非常に簡単にするサービスの1つです。 SendGridは、クラウドベースの電子メールソリューションのプロバイダーであり、モバイルアプリから電子メールを送信するためのエレガントで使いやすいRESTAPIを提供します。 アプリは、登録確認、パスワードリセットのメール、2段階認証メール、一般的な通知メール、またはその他の種類のメール通信などのメールを送信する必要がある可能性があります。 SendGridは完璧なソリューションです。

Appery.ioは、サービスとして提供される最も完全なモバイルおよびWebプラットフォームであり、企業はレスポンシブでモバイルなアプリを非常に高速に構築できます。 Appery.ioは、クラウドベースの迅速な開発環境と統合されたバックエンドサービス、およびクラウドサービスやエンタープライズシステムとの統合を劇的に簡素化するAPIプラグインのカタログを組み合わせたものです。

Appery.ioとサードパーティのAPIとのすぐに使える統合は、SendGridAPIを使用してメッセージング対応のモバイルアプリを高速に構築するのに最適です。 アプリへのメール機能の追加をさらに高速化するために、Appery.ioはSendGridMailAPIプラグインをリリースしました。 プラグインは、新規または既存のアプリにすばやく追加でき、添付ファイル付きの電子メールメッセージを送信するサンプルアプリを提供します。 開発者は、必要に応じてプラグインをカスタマイズまたは変更できます。

この投稿では、SendGridMailAPIプラグインを追加して使用する方法を紹介します。

必要なもの：

始める前に、SendGridアカウントとAppery.ioアカウントが必要です。 以下のリンクを使用して、無料アカウントに登録してください。

  • SendGrid
  • Appery.io

何を作りますか？

新しいモバイルアプリを作成し、SendGridMailAPIを追加してメールを送信します。 プラグインのサンプルアプリでは、次のことができます。

  • 添付ファイル付きのメールを送信します。
  • 写真を撮り、その写真を添付ファイルとして含めます。

これは、Androidデバイスで実行した場合のアプリの外観です。

SendGridプラグインの使用方法に関するビデオもご覧ください。

新しいモバイルアプリの作成：

最初のステップは、Appery.ioで新しいアプリを作成することです。

  1. プラットフォームに入ったら、[新しいアプリの作成]ボタンをクリックします。 アプリ名には、 SendGridApp （デフォルトのPhoneAppオプションが選択されています）と入力し、[作成]ボタンをクリックします。
  2. プロジェクトビューから、[ページ] >[ startScreen ]をクリックします。 デバイス画面が開きます。 ページは次のようになります。

まったく新しいモバイルアプリを作成しました。 簡単でしたよね？

SendGridプラグインの追加：

新しいアプリができたので、SendGridプラグインを追加します。

1.プラグインをインポートするには、[新規作成] > [プラグインから]をクリックします。

2. [通信]カテゴリに、 SendGridMailAPIが表示されます。

3.[選択したプラグインのインポート]をクリックします。

4.スタートページを設定するかどうかを尋ねられます。 先に進み、メールページを選択します。 スタートページは、[プロジェクト] >[アプリの設定] >[一般]に移動して常に変更します。

5.この手順はオプションですが、このアプリで使用されるテーマを変更することもできます。

a。 [プロジェクト]>[アプリの設定]>[一般]に移動します

b。 テーマには、マテリアルデザインを選択します

6.[ページ]>[メールページ]を開きます。 ページは次のようになります（マテリアルデザインテーマを使用）。

プラグインにはサンプルアプリが含まれています。 アプリをテストするには、SendGridAPIプラグインを構成する必要があります。 次にこれを行いますが、最初に、SendGridアカウント情報が保護されていることを確認する必要があります。

安全なプロキシの設定：

SendGridアカウントにサインアップすると、APIを呼び出すときに使用するユーザー名とAPIキー（パスワード）を取得します。 誰かがこの情報にアクセスすると、あなたのアカウントを使用して電子メールを送信できるようになるため、この機密情報をサーバーに保持する必要があります。 セキュアプロキシはこの情報を保護するため、クライアントに表示されることはありません。

安全なプロキシを作成するための最初のステップは、ユーザー名とパスワードを保存するデータベースを作成することです。

1. App Builderから、（ツールバーの）データベースをクリックするか、http：//appery.io/databaseにアクセスします。

2.[新しいデータベースの作成]をクリックします。 データベース名として、 SendGridDBと入力します。 [作成]をクリックします。

3.次に、新しいコレクションを作成する必要があります。 [新しいコレクションの作成]をクリックします。 コレクションにCredentialsという名前を付けます。

4. + Colをクリックして、新しい列を作成します。 列に名前を付けます： key。

5.別の列を作成し、 keyValueという名前を付けます。

6.次に、SendGridキーをデータベースに入力します。

a。 [ +行]をクリックして、 api_user_proxyとその値（ユーザー名）を入力します。

b。 api_keyについても同じことを繰り返します。 [ +行]をクリックして、 api_key_proxyとその値（パスワード）を入力します。 コレクションは次のようになります。

データベースに保存されたデータにより、データは保護され、プライベートになります。 次に、データベースに保存したデータを使用するセキュアプロキシを作成します。

1. [セキュアプロキシ]タブをクリックするか、http：//appery.io/proxyにアクセスします。

2. [新しいプロキシの作成]をクリックし、プロキシにSendGridProxyという名前を付けます。 [作成]をクリックします。

3. [プロキシ設定]ページで、[プロキシを使用する+機密（プライベート）データをデータベースに保存する]をオンにします。

4. [データベース]で、[ SendGridDB]を選択します。

5. [収集]で、[資格情報]を選択します。

6. [キー]列で[キー]を選択し、[値]列で[ keyValue ]を選択します。

7.[保存]をクリックします。

最後のステップは、このプロキシを使用するようにサービスを構成することです。 プラグインには、電子メールを送信するための1つのサービスSendGrid_Mailがあるため、構成する必要があるものがいくつかあります。

  1. App Builder内で、 [サービス]>[SendGrid_Mailサービス]を開きます。
  2. [ Appery.ioプロキシを使用する]の場合は、[更新]ボタンをクリックして、作成したばかりの新しいプロキシをロードして選択します（SendGridProxy）。
  3. [リクエスト]タブに切り替えます。 このタブには、すべてのサービスリクエストパラメータが含まれています。 また、サービスがプロキシからapi_userとapi_keyを取得していることにも気付くでしょう。 設定する必要のあるリクエストパラメータの1つは、からです。 これはあなたの「差出人」メールです。

[リクエスト]タブは次のようになります。

  • api_key – SendGrid APIキー（パスワード）。 セキュリティのためにAppery.ioデータベースに保存
  • api_user –SendGridユーザー名。 セキュリティのためにAppery.ioデータベースに保存
  • to –メールへ
  • toname（オプション）–名前を付ける
  • から–メールから
  • fromname（オプション）– from name
  • 件名–メールの件名
  • テキスト–メールテキスト

サービスを変更し、SendGridMailAPIでサポートされているリクエストパラメータを追加できます。

from （およびオプションのtonameとfromname）に加えて、ページからマップされるため、サービスで値を設定する必要はありません。 これは、マッピングがページ上でどのように表示されるかを示しています（ [ページ]>[メール]>[データ]>[sendgrid_emailサービス]>[マッピングを送信する前] ）：

プラグインの詳細を知りたい場合、サンプルアプリを変更したい場合、または添付ファイルなしでメールを送信したい場合は、プラグインのドキュメントをお読みください。

アプリのテスト：

これで、アプリをテストする準備が整いました。

1.「テスト」ボタンをクリックして、ブラウザでアプリを起動します。

a。 ブラウザでアプリをテストする場合、カメラを呼び出すことはできません。 引き続きメッセージを送信できます。 代わりに、 Project>JavaScript>SampleImageScriptで作成されたサンプル画像が送信されます。

2.カメラを使用するための最速の方法は、Appery.io Testerアプリを使用するか、デバイスにアプリをインストールすることです。

これは、Androidデバイスでアプリをテストしています。

ブラウザでアプリをテストします（QRコードをスキャンして、ブラウザのデバイスでアプリを起動できます）。

次は何ですか？

プラグインの詳細については、プラグインのドキュメントページにアクセスしてください。 他のSendGridAPIをアプリに追加することもできます。

Appery.io App Builderに加えて、クラウドデータベース、プッシュ通知、サーバースクリプトなどの統合されたバックエンドサービスを利用して、アプリのカスタムビジネスロジックを記述できます。

概要

SendGridとAppery.ioを使用してアプリ内メール機能を備えたアプリを構築するのは迅速かつ簡単です。 SendGrid APIプラグインは、Appery.ioでモバイルアプリを構築するときに、すばやく統合、テスト、保護できます。

著者について：Max Katzは、クラウドベースのモバイルアプリプラットフォームであるAppery.ioのDeveloperRelationsを率いています。 彼は、モバイルアプリで新しくてクールなRESTAPIを試すのが大好きです。 Maxは、2冊の本「PracticalRichFaces」（Apress 2008、2011）、DZone MVB（Most Valuable Blogger）の著者であり、開発者会議で頻繁に講演を行っています。 Maxが何をしているのかは、彼のブログ（http://maxkatz.orgおよびTwitter：@maxkatz）で確認できます。