E企盈营销工具技术服务商 热线:4006-838-530

Web开发到微信小程序

E企盈直播平台营销卖货系统

闲来无事,突然想写一个小程序,于是好好的周五的晚上写了一晚上代码,从完全不知道什么情况(我的JavaScript水平很差的),到愣是写好了一个已经发布了的小程序。所以这里只是想分享一下一个Web开发人员半吊子前端水平如何写出一个小程序。准备条件微信开发者工具,去官网下载微信小程序账号注册一个,https://mp.weixin.qq.com/ES6,这个我觉得Java程序员应该都是依样画葫芦写出来JavaScript,不一定要精通,至少要会写吧官方的微信小程序demo,https://github.com/xwartz/wechat-app-demo官方文档一份,https://developers.weixin.qq.com/miniprogram/dev/index.html小程序和Web开发的相似点其实小程序和Web开发还是有很多相似之处的,只要知道这些,开发起来也会容易很多。当然开始开始先简单阅读下官方文档的get start。视图层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里面的覆盖。部署微信小程序分为开发版,体验版和正式版。开发版这个只需要点击用手机扫面预览二维码就可以,但是只限于自己绑定的微信账号和给了权限的账号,一般用于开发人员。体验版这个需要上传代码到微信服务器,同样也需要授权给部分微信账号,才可以使用,一般用于测试人员(我猜的)。正式版这个就是正式发布后的,所有人都可以在手机上面搜索到该版本,但是需要提交给微信审核,审核通过之后方可发布。附录写好的小程序源码:https://github.com/vurtnec/vPassword小程序

赞(0) 打赏
未经允许不得转载:E企盈小程序开发-热线:4006-838-530 » Web开发到微信小程序
分享到: 更多 (0)
E企盈小程序直播营销卖货系统
E企盈直播平台营销卖货系统

评论 抢沙发

E企盈小程序开发

联系我们联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏