首页 > 软件开发 > ANDROID >

通过ionic.io发送Push Notification之一

来源:互联网 2023-03-17 00:07:16 127

ionic 是一种跨平台手机开发的方案,本文介绍通过ionic.io提供的服务发送Push Notification的方法。6md办公区 - 实用经验教程分享!

6md办公区 - 实用经验教程分享!

这是第一部分:受限模式。6md办公区 - 实用经验教程分享!

6md办公区 - 实用经验教程分享!

为验证ionic.io Push Notification,可以使用一种简化的模式,直接发送消息给浏览器,省去了许多繁琐的步骤。在完成测试后,再实现完整方案。6md办公区 - 实用经验教程分享!

工具/原料

  • ionic
  • ionic.io 账号
  • Google API console 账号
  • Apple Developer 账号

方法/步骤

  • 1

    创建ionic app6md办公区 - 实用经验教程分享!

    6md办公区 - 实用经验教程分享!

    ionic start pushdemo6md办公区 - 实用经验教程分享!

    cd pushdemo6md办公区 - 实用经验教程分享!

  • 2

    安装需要的元件6md办公区 - 实用经验教程分享!

    6md办公区 - 实用经验教程分享!

    6md办公区 - 实用经验教程分享!

    ionic add ionic-platform-web-client6md办公区 - 实用经验教程分享!

    ionic plugin add phonegap-plugin-push --variable SER_ID=123456md办公区 - 实用经验教程分享!

    6md办公区 - 实用经验教程分享!

    id: 12345 是GCM的sender id,受限模式下,并不需要GCM,因此暂时使用12345作为id6md办公区 - 实用经验教程分享!

  • 3

    创建ionic.io app6md办公区 - 实用经验教程分享!

    6md办公区 - 实用经验教程分享!

    ionic io init6md办公区 - 实用经验教程分享!

    6md办公区 - 实用经验教程分享!

    有可能需要输入用户名和密码。完成后,在ionic.io的Dashboard中可以看到app已经建好了。6md办公区 - 实用经验教程分享!

    6md办公区 - 实用经验教程分享!

    通过ionic.io发送Push Notification之一6md办公区 - 实用经验教程分享!

  • 4

    创建一个新的API Token(pushdemo -> Settings -> New API Token)。6md办公区 - 实用经验教程分享!

    通过ionic.io发送Push Notification之一6md办公区 - 实用经验教程分享!

  • 5

    设置dev_push为true,使其工作为“受限模式”6md办公区 - 实用经验教程分享!

    6md办公区 - 实用经验教程分享!

    ionic config set dev_push true6md办公区 - 实用经验教程分享!

  • 6

    在代码中注册Push Notification6md办公区 - 实用经验教程分享!

    6md办公区 - 实用经验教程分享!

    6md办公区 - 实用经验教程分享!

    .run(function($ionicPlatform){6md办公区 - 实用经验教程分享!

    $ionicPlatform.ready(function(){ 6md办公区 - 实用经验教程分享!

    varpush=newIonic.Push({ 6md办公区 - 实用经验教程分享!

    "debug":true 6md办公区 - 实用经验教程分享!

    }); 6md办公区 - 实用经验教程分享!

    push.register(function(token){ 6md办公区 - 实用经验教程分享!

    console.log("Devicetoken:",token.token); 6md办公区 - 实用经验教程分享!

    });6md办公区 - 实用经验教程分享!

    });6md办公区 - 实用经验教程分享!

    })6md办公区 - 实用经验教程分享!

  • 7

    运行app,获取Device token6md办公区 - 实用经验教程分享!

    6md办公区 - 实用经验教程分享!

    ionic serve6md办公区 - 实用经验教程分享!

    6md办公区 - 实用经验教程分享!

    记录下Device token,需要注意的是,此token在每次运行app时都不同,因此只能在测试时使用。6md办公区 - 实用经验教程分享!

    通过ionic.io发送Push Notification之一6md办公区 - 实用经验教程分享!

  • 7该信息未经许可获取自百度经验
  • 8

    创建fake_push_profile6md办公区 - 实用经验教程分享!

    6md办公区 - 实用经验教程分享!

    测试用的certificate6md办公区 - 实用经验教程分享!

    通过ionic.io发送Push Notification之一6md办公区 - 实用经验教程分享!

    通过ionic.io发送Push Notification之一6md办公区 - 实用经验教程分享!

  • 9

    发送Push Message6md办公区 - 实用经验教程分享!

    6md办公区 - 实用经验教程分享!

    6md办公区 - 实用经验教程分享!

    6md办公区 - 实用经验教程分享!

    curl-XPOST-H"Authorization:BearerAPI_TOKEN"-H"Content-Type:application/json"-d'{ "tokens":["DEV_DEVICE_TOKEN"], "profile":"fake_push_profile", "notification":{ "message":"HelloWorld!" }}'"https://api.ionic.io/push/notifications"6md办公区 - 实用经验教程分享!

    6md办公区 - 实用经验教程分享!

    6md办公区 - 实用经验教程分享!

    注意替换API_TOKEN和DEV_DEVICE_TOKEN.6md办公区 - 实用经验教程分享!

    通过ionic.io发送Push Notification之一6md办公区 - 实用经验教程分享!

  • 以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!6md办公区 - 实用经验教程分享!


    标签: 软件iosAndroid

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码