微信web开发,Web开发到微信小程序-即速应用

微信web开发,Web开发到微信小程序

浏览量：852 时间：2019-12-09 来源：葉上秋

闲来无事，突然想写一个小程序，于是好好的周五的晚上写了一晚上代码，从完全不知道什么情况（我的JavaScript水平很差的），到愣是写好了一个已经发布了的小程序。所以这里只是想分享一下一个Web开发人员半吊子前端水平如何写出一个小程序。
准备条件微信开发者工具，去官网下载微信小程序账号注册一个，ES6，这个我觉得Java程序员应该都是依样画葫芦写出来JavaScript，不一定要精通，至少要会写吧官方的微信小程序demo，官方文档一份，小程序和Web开发的相似点其实小程序和Web开发还是有很多相似之处的，只要知道这些，开发起来也会容易很多。当然开始开始先简单阅读下官方文档的getstart。
视图层WXML
这个后缀的文件其实就和JSP或者其他模板一样，里面有些微信自己封装的标签和属性，参照官方文档写就行了。
WXSS
这个文件其实就是css文件，所有样式都放在里面就好。
逻辑层JS文件就是用来处理各种业务逻辑的地方，当计算好的结果要返回给视图层的时候，只需要将数据放入page对象的pageData.data，用setData方法就好。
配置层app.json，该文件用于配置当前app的常用配置，比如将要所有页面都注册到这个配置文件里面。
Troubleshooting每次修改了pageData的data内容的时候，一定要调用setData方法，这里就跟flux有点相似，修改了store的内容，需要通知到视图层去更新。每个page的data，和css都相互独立，意思是说pageData这个对象的scope是只是当前page。全局变量建议定义在app.js里面。app.wxss是公共的css文件，会被page里面的覆盖。部署微信小程序分为开发版，体验版和正式版。
开发版这个只需要点击用手机扫面预览二维码就可以，但是只限于自己绑定的微信账号和给了权限的账号，一般用于开发人员。
体验版这个需要上传代码到微信服务器，同样也需要授权给部分微信账号，才可以使用，一般用于测试人员（我猜的）。
正式版这个就是正式发布后的，所有人都可以在手机上面搜索到该版本，但是需要提交给微信审核，审核通过之后方可发布。
附录写好的小程序源码：

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题，烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ，我们将及时处理。本站文章仅作分享交流用途，作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关，请知悉。