欢迎光临,了解微信小程序开发,就上易用通!

Prettypice :微信小程序初体验

发布:2018-01-29 14:54浏览: 来源:网络 作者:cola

第一天

1.申请小程序的账号

小程序账号的申请不是很复杂,只需要按照微信的一步一步的提示进行即可,微信暂时不提供个人用户申请,所以要想申请必须提供一些公司的资质并且需要公司账户进行一笔0.61元的转账来验证公司账户,所以验证还是非常严格的,个人开发者基本无法钻空子。

2.搭建https服务器

之前公司的服务器都是http的,用的是iis,但是微信小程序只支持https的请求,所以不得不把小程序的后台迁移到一个https的服务器上。要搭建https服务器最重要的是申请一个ssl证书,现在免费申请的ssl证书网站已经不多了,在这里我推荐startssl(参照教程https://www.itbulu.com/startssl.html)。在拿到证书之后,由于我这里使用的是iis,所以需要把.crt文件通过openssl转化成.pfx文件,然后通过iis直接导入即可。

3.开始搭建重写部分后台逻辑

小程序的账号验证部分大概分为两步,第一步就是通过wx.login来登录并且获取到用户的code,然后通过后台语言将code通过一个get请求发送给微信的服务器,然后微信服务器会返回一个登录用户的openid和session_key,openid是微信用户在小程序内的唯一标示,通过openid就可以在小程序内区分不同的微信用户(和微信公众号的openid一样)。在能区分用户之后,就可以编写一些自己的业务逻辑了,这里就不再多说了。

第二天

1.页面布局和功能实现

微信小程序的页面布局大体和html一样,在布局的过程中,还是挺爽的,和前端以往的开发方式基本是一样的,写起来非常的快。在写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的话),而且我感觉小程序非常适合低频应用,等到更新成熟之后,必定会非常火~





免责声明:本站所有文章和图片均来自用户分享和网络收集,文章和图片版权归原作者及原出处所有,仅供学习与参考,请勿用于商业用途,如果损害了您的权利,请联系网站客服处理。