随笔uni-app项目的开发

Posted 凹凸霞

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了随笔uni-app项目的开发相关的知识,希望对你有一定的参考价值。

  这次的项目是一个家政的项目;包含了小程序和app两个大模块,小程序对我们前端来说还是很简单的,至于app,uni-app这个框架可以打包app,还挺好的,一套代码编译到多个平台,说实话,感觉前端会这个 ios和安卓都有可能不需要了,哈哈,当然还是原生的体验更好。

  在小程序开发中,其实也就是接口对接,数据展示,微信支付,以及微信授权、手机号绑定,这些都是家常便饭,做起来却是听easy的。

  在app开发中,主要是把app和微信分开来,要加平台判断。微信支付的话要去微信开放平台申请应用,获取appid 并开通微信支付。

  其次是app打包,app打包安卓的还是很简单的,只要在本地自己生成keystore就可以打包了,ios打包的话需要申请证书文件,这个开发社区有提供一个工具,window版的 证书申请 appuploader,他的官网有详细说明如何使用。

  先申请证书再申请描述文件,不过有苹果开发者账号的话 要慎重,前面会给你七天试用期,试用期过了就要付费使用了,所以当你开发完了,可以先在手机上调试,ok的话 就去申请开发证书,然后打包再测试。没问题的话就申请发布证书,再打包,打包完了就去这个软件上上传应用到appstore,详细的教程这个官网有介绍,我就不做多介绍了。  

  在开发过程中,小程序使用到了订阅消息,以前是模板消息,但是模板消息不让用了,换成了订阅消息,订阅消息其实还是挺好用的,每次当我触发一个事件,就可以顺带触发一个订阅事件,订阅消息后台配置模板,小程序这边进行事件触发才会发送订阅消息,相当于给这个模板授权,允许才会发送,拒绝就不会发送。

  app这边是收不到订阅消息得,所以呢就采用unipush,这个只需要去Dcloud后台开通即可,这个官方文档有说明的。配置好一切信息之后,就可以测试一波,手机的话都有一个cid,有代码

// #ifdef APP-PLUS
setTimeout(function(){
const clientInfo = plus.push.getClientInfo()
if(clientInfo.clientid){
that.User.CID=clientInfo.clientid
console.log(that.User.CID);
}
},200)
// #endif

可以获取到,拿到这个cid就可以去测试消息推送,一般这种,程序在后台是可以接收到消息的,但是退出程序就很难接受到消息。所以我们可以去申请商家推送,比如小米,小米这里有个坑,就是如果是个人开发的话,包名设置了,后面转企业的话需要认领包名,包名是唯一的,所以最好是企业开发申请。拿到小米推送的相关appid一些 填入unipush后台商家配置,在推送的时候就选择商家,就可以推出去,一般来说,程序退出去之后也是可以接收到的,测试过。

  这就是整个开发的大概知识点,总结了一下,其实做起来不怎么难,难得是你之前没做过,还需要摸索,做完之后觉得so easy,哈哈,可能每个人都如此吧!希望每个人都能加油。

以上是关于随笔uni-app项目的开发的主要内容,如果未能解决你的问题,请参考以下文章

uni-app项目起步

uni-app项目开发方式及搭建

小程序项目开发-- 京东商城uni-app之商品列表页面 (下)

小程序项目开发-- 京东商城uni-app之商品列表页面 (上)

小程序项目开发-- 京东商城uni-app之自定义搜索组件(中)-- 搜索建议

半天时间写完一个案例,循序渐进的掌握uni-app,使用uni-app完成一个简单项目——新闻列表