纯前端微信小程序实战

时间:2024-03-25 14:20:10

纯前端微信小程序实战

最近在学习微信小程序开发,记录一下我的第一次纯前端小程序开发(无后台操作),也可以分享给还未开发过微信小程序,想找一个微信小程序的项目练习的朋友们,附上github地址:
github地址
https://github.com/Larmyliu/wechat_program
一、先建立一个微信小程序项目
要先在微信开放平台注册,拿到AppID,不拿AppID也可以开发小程序,但是有很多接口无法调用
纯前端微信小程序实战
二、下载微信开发者工具
纯前端微信小程序实战
三、在项目中新建小程序项目
这里我就遇到了一个坑,在勾选的时候勾选了云开发,结果在里面一脸懵逼,没有后台经验的朋友不需要勾选

四、敲代码,调api

项目描述:
1.是对ofo自行车的小程序模拟开发
2.对页面进行简单的逻辑处理(主要还是查找微信官方api)
纯前端微信小程序实战
注意:因为里面有一个要获取单车的密码和车牌号,所以前端可以直接mock假数据,通过链接访问假数据的地址,我是在eolinker上创建的假数据
纯前端微信小程序实战
同时也要在微信开放平台中添加服务器域名,添加上后要在微信开发者工具内更新配置
纯前端微信小程序实战
总结:具体的代码内容可以上github上下载clone,微信其实把很多组件都已经封装好了,而且有很多api可以调用,开发的时候确实方便,没有什么比较难的地方,微信项目可以当做对当今流行项目的一次接触