ben

OMÜ , Bilgisayar Mühendisliği, 13'

20 Temmuz 2016 Çarşamba

ionic-plugin-sms


  Projemize buradaki ayarları yaptıktan sonra devam edelim. SMS Plugini  uygulama içinden mesaj göndermemizi sağlar

Plugin sayfası: http://ngcordova.com/docs/plugins/sms/

proje dizinimize gelip terminalden plugini ekleyelim:

$ cordova plugin add https://github.com/cordova-sms/cordova-sms-plugin.git

Sayfa bağlantısını yapalım:

www/templates/sms.html

<ion-view view-title="Sms">
  <ion-content>
 
 <br/>
   <h3>Sms Uygulaması</h3>
  <br/>

    Telefon No: <input type="text"  ng-model="form.phone">
    Mesaj: <input type="text"  ng-model="form.icerik">
    <button class="button button-balanced button-block" ng-click="sendSms()">Sms Gönder</button>
 
  </ion-content>

</ion-view>

www/templates/menu.html

 <ion-list>
           *
           *
         <ion-item menu-close ui-sref="app.sms">
          Sms
        </ion-item>
          *
          *
 </ion-list>


www/js/app.js  içerisine aşağıdaki kodları yazalım

   .state('app.sms',{
    url:'/sms',
    views: {
        'menuContent': {
          templateUrl: 'templates/sms.html',
          controller:'SmsCtrl'
        }
      }

  })

www/js/controller.js içerisine:

.controller('SmsCtrl',function($scope,$cordovaSms) {

   $scope.form={
     phone:"",
     icerik:""
      };
    $scope.sendSms=function(){
   var options = {
            replaceLineBreaks: false,
            android: {
                intent: ''
            }
        };

    $cordovaSms
      .send($scope.form.phone, $scope.form.icerik, options)
      .then(function() {
        alert('başarılı');
        $scope.form.phone="";
        $scope.form.icerik="";
       
     
      }, function(error) {
         alert('başarısiz');
      })
    }
})

uygulamamızı çalıştırıp bakalım:








Hiç yorum yok: