简单微信小程序(初稿)

1 、这个是小程序的初始界面,左边是模拟器,中间是目录结构,右边是代码编辑界面。小程序的代码工作基本使用js、标签(类似html标签)来完成整个前端工作。
2、目录结构:新建项目时,会创建基本的目录结构,自己新建页面一般在pages文件夹来添加(也可以跟pages文件同级目录来新建),先新建目录,再建page,建好page后会看到xx.js,xx.json,xx.wxml,xx.wxss文件。
3、app.js文件,是小程序启动时,执行该文件的函数,一些初始化的功能可以写到这里面,比如获取用户信息,sessionkey等。
例:用户信息:使用wx.login()函数,会返回一个登录凭证,把该凭证通过wx.request()函数(跟ajax类似)发送到自己的应用地址中进行处理,再用http工具get方式请求https://api.weixin.qq.com/sns/jscode2session?appid=APPID&secret=SECRET&js_code=JSCODE&grant_type=authorization_code这个地址(appid和secret小程序后台中可以找到,js_code就是凭证),然后获取返回的数据openid、sessionkey等信息,再调用wx.getUserInfo()函数获取用户信息,可以对用户敏感信息进行解密。就可以保存微信用户信息到你的应用中了。
utils文件一般放一些工具类型的js函数,作为全局调用。
app.json是小程序初始的一些参数数据,包括加载的page页、主题背景色、字体颜色、大小等。
app.wxss是放一些全局性的css样式。
project.config.json是整个小程序项目的配置信息。
sitemap.json,没研究过,也基本不用,后期再补。
4、page页文件:
js文件结构也是json格式,data数组是放一些数据,onload是在页面加载时调用的,onshow是在页面显示内容后调用的,还有其它初始好的一些函数。可以加自己写的函数,js写法基本通用,但有些js函数小程序不支持。
json文件暂未用,不做描述,后期补充。
wxml文件就是在小程序中显示的页面,使用view标签会比较多,跟html中的div差不多,可以在标签中写class样式,或者直接写style。
wxss文件是当前page页的样式文件,class的样式写在这里面。
5、小程序开发完毕后需要上传到小程序后台的版本管理中,点击上传按钮即可(开发工具的右上角)。上传完毕后,登录到小程序后台, 在版本管理中找到上传的项目,然后进行提交审核,需要填一些信息,然后提交,等待审核。审核通过后,可以进行发布,发布成功后,在手机上搜索小程序就可以访问了。
6、开发工具的右上角有个详情按钮,小程序的一些基本信息,本地配置,项目配置,可根据需要进行调整。
7、每次调整功能时,都可以在左边的模拟器中进行操作,调试功能是否正确。也可以使用预览或者真机调试,使用手机扫描后,可以在手机上进行操作。
8、调试时,可以选择性的清一清缓存数据。
9、企业微信小程序开发基本和普通小程序开发一样,只是一些api不同。

具体查看微信小程序文档:https://developers.weixin.qq.com/miniprogram/dev/framework/

 

 

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

简单就好-怒

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值