Как отправить электронное письмо с помощью ионного фрейма с использованием собственного приложения электронной почты

Question

Итак, я застрял, пытаясь отправить электронное письмо с ионным. Я пробовал много учебников, примеров, но ничего не работал, кроме этого: https://blog.nraboy.com/2014/08/send-email-android-ios-ionicframework/.

Я оставляю этот учебник здесь. Ниже приведен ответ.

Answer 1

Очень легко

1. Перейти к вашему приложения корневой каталог
2. Установка электронной почты Composer с Вложения Plugin Тип: cordova plugin add https://github.com/jcjee/email-composer.git, link for repo
3. Re-сборки проекта для нужной платформы, например, для андроид: ionic build android

4. Теперь подготовьте свой контроллер AngularJS:

   angular.module('myApp').controller('WhatToDoController', function ($scope, $state) { 
   
   var whatToDo = this; 
   
   /** 
   * Sends an email using Email composer with attachments plugin and using 
   * parameter email. 
   * 
   * @param email 
   */ 
   whatToDo.sendEmail = function (email) { 
       if (window.plugins && window.plugins.emailComposer) { //check if plugin exists 
   
       window.plugins.emailComposer.showEmailComposerWithCallback(function (result) { 
        //console.log("Email sent successfully"); 
        }, 
   
        null,  // Subject 
        null,  // Body 
        [email],  // To (Email to send) 
        null,  // CC 
        null,  // BCC 
        false,  // isHTML 
        null,  // Attachments 
        null);  // Attachment Data 
       } 
   
   } 
   }); 
   

5. Теперь на ваш взгляд HTML вы можете использовать метод sendEmail(email):

   <p> 
   Send an email to <a href="#" ng-click="whatToDo.sendEmail('example@email.com')">example@email.com</a> 
   </p> 
   

6. Попробуйте использовать это на реальном устройстве, так как в эмуляторе, если у вас есть нет настроенного приложения электронной почты, он не будет работать должным образом.

Если вы застряли или что-то попробовать: https://www.youtube.com/watch?v=kFfNTdJXVok или https://blog.nraboy.com/2014/08/send-email-android-ios-ionicframework

Answer 2

Вот как я использую его в моих app.js:

.controller('EmailCtrl', function($cordovaEmailComposer, $scope) { 
$cordovaEmailComposer.isAvailable().then(function() { 
    // is available 
    alert("available"); 
}, function() { 
    // not available 
    alert("not available"); 
}); 
$scope.sendEmail = function(){ 
    var email = { 
    to: 'teste@example.com', 
    cc: 'teste@example.com', 
    bcc: ['john@doe.com', 'jane@doe.com'], 
    attachments: [ 
     'file://img/logo.png', 
     'res://icon.png', 
     'base64:icon.png//iVBORw0KGgoAAAANSUhEUg...', 
     'file://README.pdf' 
    ], 
    subject: 'Mail subject', 
    body: 'How are you? Nice greetings from Leipzig', 
    isHtml: true 
    }; 

$cordovaEmailComposer.open(email).then(null, function() { 
    // user cancelled email 
    }); 
} 
}); 

И здесь, в моем index.html:

<button ng-click="sendEmail()" class="button button-icon icon ion-email"> 
    Send mail 
</button>