uniapp打包app,对接华为厂商,实现unipush离线消息推送

这篇具有很好参考价值的文章主要介绍了uniapp打包app,对接华为厂商,实现unipush离线消息推送。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

今天终于可以抽出点时间,来记录一下这几天心塞的心情。上周公司派过来一个活,说是使用uniapp制作一个app,同时要实现在线消息推送和离线消息推送,啥话没说就揽了下来。不过说实在的,从来没有开发过app,好歹会点vue。可想而知,接下来的几天总是穿梭于百度搜索、vue官方、uniapp、dcloud等官网,各种资料搜索……最后功能算是做完了,但心情不是很好,踩了好多坑,今天主要记录一下离线消息推送吧,供小伙伴们参考。

项目背景

使用uniapp打包app,与华为厂商对接离线消息推送,本次打包用到的证书主要是在dcloud平台自动生成的,几分钟就可以创建好,如果想要创建自己的Android证书的小伙伴,可以参考一下uniapp官方提供的方法,或者使用Android studio也可以创建证书。

一、dcloud平台应用配置

1、添加应用

这个比较简单,直接贴个图吧。
uniapp打包app,对接华为厂商,实现unipush离线消息推送,宿主机访问虚拟机,vscode,uni-app,华为,vue.js,node.js,前端,android,ios
2、创建证书
点击我的应用中的应用名称,进入配置应用基本信息,创建Android云端证书等,我的已经创建好。
uniapp打包app,对接华为厂商,实现unipush离线消息推送,宿主机访问虚拟机,vscode,uni-app,华为,vue.js,node.js,前端,android,ios

二、华为开放平台配置

1、创建华为开发者账号
发布华为app必需得注册一个开发者账号,这个很简单。
2、创建项目
先创建一个项目,顺便开通一些分析之类的权限什么的。
uniapp打包app,对接华为厂商,实现unipush离线消息推送,宿主机访问虚拟机,vscode,uni-app,华为,vue.js,node.js,前端,android,ios
开通需要的权限,默认都是勾选的。
uniapp打包app,对接华为厂商,实现unipush离线消息推送,宿主机访问虚拟机,vscode,uni-app,华为,vue.js,node.js,前端,android,ios
uniapp打包app,对接华为厂商,实现unipush离线消息推送,宿主机访问虚拟机,vscode,uni-app,华为,vue.js,node.js,前端,android,ios
至此,项目就创还能好了。
3、创建应用
进入项目中,点击添加应用即可进入下面的页面。应用包名需要和dcloud中配置的包名同步。
uniapp打包app,对接华为厂商,实现unipush离线消息推送,宿主机访问虚拟机,vscode,uni-app,华为,vue.js,node.js,前端,android,ios
应用添加成功后,就是下图展示的样子。但是缺少一个sha256证书指纹。
uniapp打包app,对接华为厂商,实现unipush离线消息推送,宿主机访问虚拟机,vscode,uni-app,华为,vue.js,node.js,前端,android,ios

4、添加SHA256证书指纹【必填】
uniapp打包app,对接华为厂商,实现unipush离线消息推送,宿主机访问虚拟机,vscode,uni-app,华为,vue.js,node.js,前端,android,ios
我直接在dcloud云端创建的证书,点击证书详情,从里面找到sha256码复制粘贴到下图处即可。
uniapp打包app,对接华为厂商,实现unipush离线消息推送,宿主机访问虚拟机,vscode,uni-app,华为,vue.js,node.js,前端,android,ios
5、开通推送服务
切换到api管理中开通推送服务。
uniapp打包app,对接华为厂商,实现unipush离线消息推送,宿主机访问虚拟机,vscode,uni-app,华为,vue.js,node.js,前端,android,ios
6、增长栏目中开通推送服务
点击左侧增长栏目中的推送服务,开通推送服务。后期要创建推送通知和测试离线消息使用。
uniapp打包app,对接华为厂商,实现unipush离线消息推送,宿主机访问虚拟机,vscode,uni-app,华为,vue.js,node.js,前端,android,ios
7、配置
下方勾选的选项都需要开通。
uniapp打包app,对接华为厂商,实现unipush离线消息推送,宿主机访问虚拟机,vscode,uni-app,华为,vue.js,node.js,前端,android,ios

三、dcloud平台厂商推送配置

华为端添加证书指纹后需要下载agconnect-services.json文件,将该文件中json数据粘贴到dcloud厂商配置中,见下图。
uniapp打包app,对接华为厂商,实现unipush离线消息推送,宿主机访问虚拟机,vscode,uni-app,华为,vue.js,node.js,前端,android,ios
uniapp打包app,对接华为厂商,实现unipush离线消息推送,宿主机访问虚拟机,vscode,uni-app,华为,vue.js,node.js,前端,android,ios

四、Hbuilderx打包并运行

1、下载证书
在dcloud的应用中下载云端证书,要打包用到。
uniapp打包app,对接华为厂商,实现unipush离线消息推送,宿主机访问虚拟机,vscode,uni-app,华为,vue.js,node.js,前端,android,ios

2、打包自定义基座
打包时必需选择使用自有证书,将上一步下载的证书放在本地指定位置,将路径填写到证书文件处,证书别名和证书私钥密码可以从证书详情中找到。
uniapp打包app,对接华为厂商,实现unipush离线消息推送,宿主机访问虚拟机,vscode,uni-app,华为,vue.js,node.js,前端,android,ios
至此,所有的配置就完成了。
3、运行到自定义基座
需要通过usb将手机和电脑连通。
注意:
手机必需为华为真机;
pc电脑和华为手机都需要安装华为手机助手连通;
华为手机开启usb调试模式;

五、获取device token

华为端发送消息都是通过token进行推送,此刻需要获取到接收离线消息的设备token。打开dos系统输入下图命令即可捕捉到app的相关信息,其中就有token值。
uniapp打包app,对接华为厂商,实现unipush离线消息推送,宿主机访问虚拟机,vscode,uni-app,华为,vue.js,node.js,前端,android,ios
注意:先打开dos系统输入上图命令回车运行,再启动运行到手机端的app才能跑出app信息。

六、华为端测试离线消息

1、添加推送通知并测试
拿到device token后进入推送通知中可以测试发送离线消息,如果在上述中可以正常拿到token值,那此处测试发送消息是可以正常接收到的。
uniapp打包app,对接华为厂商,实现unipush离线消息推送,宿主机访问虚拟机,vscode,uni-app,华为,vue.js,node.js,前端,android,ios
我的测试到此是可以正常接收离线消息的。

七、申请子分类权益

本来以为到上述步骤已经调通了,但还是有个最后小坑。由于华为后台的升级,将推送的消息分为了俩类,即服务与通讯类和营销类。我们开通的账号默认发送的是营销类消息,是有频次限制的。所以我后来将推送通知提交后,后来收不到消息了。这个时候需要申请自分类权益,因为该分类是不限制推送频次的,所以没办法,只能继续搞。
申请自分类权益有条件,小伙伴们需要注意一下。俩种方法:其一、将你的华为应用发布上架才能申请;其二、如果是公司内部的app不准备上线的,可以写个申请发给官方也可以,权益开通后也可以申请。
具体的申请方法我就不写了,将官方地址放出来,大家认认真真的看看就明白了。
自分类权益申请官方地址
自分类申请下来后还需要最后适配一步。

写到最后

从开始发布到最后,历时近三天吧。整体的体验是,写代码不难,大部分时间都花在了研究官方平台上面。中间也咨询了个推官方技术和华为官方技术,感谢吧。
感谢路过的小伙伴们,能百忙中抽出时间阅读本文章,希望能帮助到大家,少踩坑。
如果有写的不正确的地方,也希望大家能积极指正。
点赞、关注加收藏,一键三连行动起来。文章来源地址https://www.toymoban.com/news/detail-534586.html

到了这里,关于uniapp打包app,对接华为厂商,实现unipush离线消息推送的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • Uniapp App离线打包流程(Android、IOS待续)

    开发环境: Visual Studio Code 版本:1.84.2 (非必需,可跳过) HBuilder X 版本:3.96 Android Studio 版本: 2022.1.1 JDK 版本:11.0.1 Android SDK. 版本:34.0.0 官网打包流程:https://nativesupport.dcloud.net.cn/AppDocs/usesdk/android.html) 温馨提示:网盘下载如龟速,如需要SDK可以加V benjamin19950304 由于uniapp 3

    2024年04月15日
    浏览(45)
  • uniapp打包APP实现应用内整包更新或热更新

    思路: 1.首先要理解更新方式的区别 静默更新、弱更新以及强制更新。 APP更新机制-静默更新、弱更新、强更新 - 知乎 2.其次要理解不同更新方式要用到的插件----------这里推荐插件应用市场的插件。 app升级、整包更新和热更新组件 支持vue3 支持打开安卓、苹果应用市场,w

    2024年02月16日
    浏览(32)
  • uniapp离线打包(使用Android studio打包)

    安装HbuilderX,记住版本号 下载对应HbuilderX版本的Android离线SDK,如我使用3.6.18版本打包,则对应应下载3.6.18版本的SDK(官网不提供旧版本的SDK,有些需要自己找)官网下载地址:https://nativesupport.dcloud.net.cn/AppDocs/download/android.html 安装Android Studio 1.使用HbuilderX生成本地打包App字段

    2024年03月12日
    浏览(48)
  • uniapp离线打包具体步骤

    本文记住了关于uniapp离线打包的步骤,希望对大家有所帮助。 需要准备: 1、HBuilder X 2、Android Studio(下载地址:Android Studio官网 OR Android Studio中文社区) 3、App离线SDK下载:最新android平台SDK下载 一:将下载的App离线SDK解压打开,找到HBuilder-Integrate-AS 这个文件夹,在Android

    2023年04月14日
    浏览(39)
  • uniapp安卓离线打包步骤

    1、Android 离线SDK 的下载 Android 离线SDK - 正式版 (注:HBuilderX的使用版本要与下载的sdk版本一致) 2、下载 Android Studio Android Studio 下载文件(注:版本最好在4.0以上) 3、准备安卓签名证书文件,一般公司会提供,没有的话过程如下: 第一种:自己手动生成 第二种:Dcloud开发

    2024年02月07日
    浏览(52)
  • uniapp使用Android Studio离线打包

    Android Studio: 下载地址 APP离线SDK下载: 下载地址; 目前我使用得是“Android-SDK@3.8.7.81902_20230704”;需要与hbuider版本配套使用。 Appkey: 参考我 以上三步准备好后,进行接下来的不住: 导入APP离线SDK到 Android Studio 配置Appkey 打开Androidmanifest.xml, 导航到Application节点,创建meta-d

    2024年02月01日
    浏览(49)
  • uniapp离线打包apk - Android Studio

    ​下载 Android Studio 版本最好 4.0以上 ​下载 HBuilder X ​下载 Android离线SDK 注意:HBuilder X 和 离线SDK 版本必须一致(我的版本 3.6.2) Android SDK解压后目录: ​​​​ 以上步骤完成后,在工具栏找到Build,选中Generate Signed Bundle/APK… 在key store password 和 key password中输入密码 ****** (两

    2024年02月10日
    浏览(51)
  • uni-app之android离线打包

    一 AndroidStudio创建项目 1.1,上一节演示了uni-app云打包,下面演示怎样androidStudio离线打包。在AndroidStudio里面新建空项目 1.2,下载uni-app离线SDK,离线SDK主要用于App本地离线打包及扩展原生能力,SDK下载链接https://nativesupport.dcloud.net.cn/AppDocs/download/android.html# 1.3,SDK目录说明   

    2024年02月10日
    浏览(51)
  • uni-app离线打包安卓apk

    记录一下打包apk的过程: 参考:uni-app离线打包官网地址 2-1.遇见问题 1. 加载.idea和.gradle失败, 解决: File → Project Structure 重新构建: File → Sync Project with Gradle Files 安卓结构: Project → Android 登录开发者中心选择需要打包的应用→各平台信息→查看或新增安卓打包信息 这里

    2024年04月17日
    浏览(76)
  • h5项目编写成app,你还不了解吗?直接打包和套webview结合uniapp两种实现方式

    在各种需求中 大致有两类 让h5直接运行成app,有一个成熟的h5项目,想直接打包app 不想触发app更新,又能获取最新的更新效果,使用webview套h5,最终生成app 今天笔者带大家粗略实现以上的两个需求 打开hbuiderx 新建项目 选择 5+app 删除其他的多余文件 将自己打包生成的文件进

    2024年02月04日
    浏览(45)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包