SMS メッセージの送信方法
SMS メッセージ (Short Message Service)、いわゆるテキストメッセージは、特にアメリカでは各種通知機能及び日常会話メッセージのやりとりなどで、 頻繁に利用されています。
ここでは Ionic アプリケーションから SMS メッセージを送信する方法をみてみましょう。
まずはテスト用のプロジェクトを作成します。ここでは blank テンプレートで sms1 という名前のプロジェクトにしました。
$ ionic start sms1 blank --v2
プロジェクトフォルダに移動して、プラットフォームを追加します。ここでは Android を追加します。
$ cd sms1 $ ionic platform add android
SMS メッセージを送信するには、cordova-sms-plugin プラグインが利用できます。
$ ionic plugin add --save cordova-sms-plugin $ npm install --save @ionic-native/sms
さっそく、このプラグインを用いてテキストメッセージを送信してみましょう。
次の画面のように SMS メッセージのテスト送信用のボタンを一つ配置します。
ページテンプレート src/pages/home/home.html は次の通り。(ヘッダ部分は省略)
<ion-content padding>
<button ion-button block (click)="onTestClick()">Send Test Message</button>
</ion-content>
コード src/pages/home/home.ts は次の通り。
import { Component } from '@angular/core';
import { SMS } from '@ionic-native/sms';
@Component({
selector: 'page-home',
templateUrl: 'home.html',
providers: [ SMS ]
})
export class HomePage {
constructor(private sms: SMS) {}
onTestClick(){
this.sms.send('電話番号はここ', 'This is a test message.');
}
}
メッセージ送信先の電話番号やメッセージはここではハードコードしています。
Android 上でこのプログラムを実行して、ボタンを押すと確かに SMS メッセージが配信されてきました。
以上で SMS メッセージを送信できたことを確認しました。