Ionic 入門

ホーム > ネイティブ > SMS メッセージの送信方法

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 メッセージを送信できたことを確認しました。

ホーム > ネイティブ > SMS メッセージの送信方法