纯前端微信小程序实战

纯前端微信小程序实战

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

四、敲代码,调api

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

  • 0
    点赞
  • 11
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值