微信小程序初体验


Prettypice :微信小程序初体验 第一天 1.申请小程序的账号 小程序账号的申请不是很复杂,只需要按照微信的一步一步的提示进行即可,微信暂时不提供个人用户申请,所以要想申请必须提供一些公司的资 质并且需要公司账户进行一笔 0.61 元的转账来验证公司账户,所以验证还是非常严格的,个人开发者基本无法钻空子。 2.搭建 https 服务器 之前公司的服务器都是 http 的,用的是 iis,但是微信小程序只支持 https 的请求,所以不得不把小程序的后台迁移到一个 https 的服务器上。要搭 建 https 服务器最重要的是申请一个 ssl 证书,现在免费申请的 ssl 证书网站已经不多了,在这里我推荐 startssl(参照教程 http://www.itbulu.com/startssl.html)。在拿到证书之后,由于我这里使用的是 iis,所以需要把.crt 文件通过 openssl 转化成.pfx 文件,然后通过 iis 直接导入即可。 3.开始搭建重写部分后台逻辑 小程序的账号验证部分大概分为两步,第一步就是通过 wx.login 来登录并且获取到用户的 code,然后通过后台语言将 code 通过一个 get 请求发送 给微信的服务器,然后微信服务器会返回一个登录用户的 openid 和 session_key,openid 是微信用户在小程序内的唯一标示,通过 openid 就可以 在小程序内区分不同的微信用户(和微信公众号的 openid 一样)。在能区分用户之后,就可以编写一些自己的业务逻辑了,这里就不再多说了。 第二天 1.页面布局和功能实现 微信小程序的页面布局大体和 html 一样,详情参照 https://mp.weixin.qq.com/debug/wxadoc/dev/component,在布局的过程中,还是挺爽的,和 前端以往的开发方式基本是一样的,写起来非常的快。在写 js 的过程中,如果你熟悉 vue 的话,你会发现这一切都是那么的熟悉:数据绑定、事 件绑定、生命周期、Page 对象(约等于 Vue 对象)等等,唯一美中不足的是小程序没有提供一个向 v-model 一样的指令,双向数据绑定必须通过 定义事件来实现。大体来说还是非常爽的。 2.真机调试 说到真机调试就不得不吐槽了,这个整机预览真的做的很烂,感觉体验非常不好,明明在模拟器中显示的非常好,但是到了真机上,简直丑的一 比,并且调试功能也非常弱,好像只能 console 信息,并不能看到网络请求什么的。只能等微信更新了,目前真机调试还是很蛋疼的。 第三天 各种 bug 1. picker 组件在真机上无法显示(不管 mode 是什么),目前不知道什么原因 2. map 组件设置 markers 和 covers 无效,不管怎么设置都只显示 TIT 创意园,由于我们的项目非常依赖地图,直接血崩。。。 3. tabbar 显示 bug:app.json 中的第一个页面必须设置 tabbar,否则 tabbar 不显示;在有 tabbar 的页面 redirectTo 到一个没有 tabbar 的页面上时,模拟器上 tabbar 仍然存在(真机上显示正常) 4. 许多不明 bug 我也不记得了。。。 结束 由于上述的一些问题目前项目只能搁浅了,无奈只能等等微信官方的更新了。总而言之,微信小程序对其前端开发者的门槛感觉还是比较低的,而 且开发起来很舒服(如果没有一些莫名其面的 bug 的话),而且我感觉小程序非常适合低频应用,等到更新成熟之后,必定会非常火~
还剩1页未读

继续阅读

下载pdf到电脑,查找使用更方便

pdf的实际排版效果,会与网站的显示效果略有不同!!

需要 10 金币 [ 分享pdf获得金币 ] 0 人已下载

下载pdf

pdf贡献者

rukezhang

贡献于2017-03-01

下载需要 10 金币 [金币充值 ]
亲,您也可以通过 分享原创pdf 来获得金币奖励!
下载pdf