前言: 需要对城市区号进行判断,但是支付宝小程序提供的my.getLocation() API返回的数据中只有6位的城市行政代码,诸如:深圳(440300),并没有区号(0755),那么怎么办呢? 需求分析: 通常会想到两种方法,一个是调用第三方地图,但这个对接调用就太麻烦了(还得注册账号),另一种就是找插件转换了. 第一种方法就不考虑了,第二种么,百度了下,貌似没有这种插件,鉴于之前做过不少接口文档或这表格数据转换js格式数据或者标签的小工具,想了下原理都差不多,索性自己做了个工具进行转换.…

前言: 本文仅汇总微信小程序移植支付宝小程序过程中遇到的一些不同的地方,详细请参考官方开发文档. 网络请求: 对于网络请求,基本上改动不大,也就支付宝小程序没有responseType属性及响应码字段改成了status. 用户授权登录: 1. 登录: wx.login ====  my.getAuthCode wx.checkSession ==== 无(需后端接口验证) 缓存: 以常用的 wx.getStorageSync() 为例,先看微信的代码: wx.setStorageSync("id…

前边介绍过通过配置支付宝Scheme协议alipays://来实现h5到小程序的跳转,其实还可以获取小程序页面的https格式链接,虽然支付宝官方并没有直接提供方案,但是通过小程序后台的“码管理”给页面生成二维码来曲线获取. 码管理: 支付宝小程序的码管理,可以通过配置来生成指定页面(可以带参数)的二维码,扫描之后就能直接调起支付宝并打开指定的小程序页面. 手机支付宝扫描二维码可以看到,会先出现一个空白的过渡页面(访问h5页面那种),然后再打开小程序,那么就是这中间应该是有一个alipays:/…

前言: 这个问题支付宝小程序官方文档并没有专门说明,钉钉群的官方技术支持给了个开发者社区的帖子,详见:如何跳转小程序. 如果配置的页面没有参数还好,不会出问题,如果有参数,很可能配出来的链接无法正常获取到携带参数的,坑在这里: 1.page参数:刚开始以为是页面path路径(也就是app.json中的路径),因为后边还有query参数,理所当然的会认为这里只需要path: 2.query参数:虽然看到“启动参数”四个字,但是这种路径没有配过小程序app的启动参数的,微信小程序也不是这么玩的,所以…

前言: 想要获取微信小程序带参数二维码,如这种: 官方文档只说了获取小程序码和二维码的三种接口及调用(参考链接:https://developers.weixin.qq.com/miniprogram/dev/api/qrcode.html),但是自己模拟接口调用,返回的数据并不是我们现象中base64位的图片类型,而是一堆乱码.如下图: 经过百度得知这就是一个二进制的流文件,需要后端进行相应转换(感兴趣的可以查看:后端转换二进制流为图片的地址),感觉自己转换还挺麻烦的,最后采用了火狐浏览器插件…

技术选型 对于习惯react语法的开发者来讲,RN是实现native的必备工具. 我们甚至可以屏蔽官方稳定而强大的配置层,直接上手开发. 而后,同为表层React语法的Rax.Taro这样的开源多端开发框架的兴起,让react开发人员得以不必在多端投入更高的成本.反过来,只要有足够的移动端开发经验(主要体现在多端机型兼容这方面),那么这些开源的多端框架就会成为你手中的神器,让你几乎零成本get到碎片化多端开发技能. Taro相对于Rax的优势是,在国内的开源社区更为活跃(论中文文档的重要性),集…

前言: 与微信小程序不同,支付宝小程序的富文本组件并不能直接支持html代码,如: 如上,支付宝小程序的富文本组件只支持数组类型,html代码需要使用 mini-html-parser 转换,具体用法后文详细说明. mini-html-parser2: 1. 插件安装: 小程序开发者工具左侧文件列表界面空白处单击右键——在终端中打开: 2.输入以下代码安装插件: npm install mini-html-parser2 --save 安装完成后文件列表中就多了node_modules目录了:…

访问API数据与ES6在小程序中的应用 看待组件的两种观点 组件复用 代码分离-(特别重要) 不能在一个页面写所有的代码,代码分离具有很强的可读性.可维护性 Blink Api 介绍与测试API url前缀以bl.7yue.pro/v1开头 使用开发者key(appkey)访问API 在请求头的header里面携带appkey 将appkey做为请求参数 状态码和错误码 生命周期函数 小程序内部自己调用 名字是固定的 page({ data: {}, onLoad: function(optio…

起因:在开发一款旅游类微信小程序时,需要接入大量的景点信息,此时可以选择自己新建数据库导入数据并读取,但是对于我来说,因为只有一个人,数据库还涉及到需要维护方面,选择调用已有API. 过程:首先查阅微信官方文档关于API调用的过程,可以找到微信官方提供的wx.request方法,如下图(由于内容太多只放一部分截图). 找到方法后,我们只需要找到可以提供旅游景点数据的API,这里我选择了易源API.在申请了对应的API后,就可以在下面的界面找到对应的appid和密钥. 同时查询API官方提供的连接…

// 登录 wx.login({ success: res => { // 发送 res.code 到后台换取 openId, sessionKey, unionId // console.log(res) if (res.code) { //发起网络请求 wx.request({ url: 'url', method: 'POST', data: { // x: '', // y: '' code: res.code//将code发给后台拿token }, header: { 'content…