本文主要是介绍简单微信小程序(初稿),希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
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/
这篇关于简单微信小程序(初稿)的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!