我的第一个小程序1.首先搭建小程序所需的环境,按照微信公众平台的提示启动,申请账号,注册信息,获取AppID,然后安装开发工具。我安装了v1.02.1810250版本。打开后出现“初始化失败,请使用2.2.3或以上基础库使用云能力”的错误信息。这时候打开左上角工具栏里的设置-->点击项目设置-->调试基础库到2.2.3。然后出现cloudiniterror:{errmsg:"operatewxdata:failinvalidscope"的报错。解决方法是点击最上方的云开发--->激活云服务--->右键项目名称绑定当前环境2.代码组成app.json:是当前的全局配置小程序,包括小程序的所有页面路径、界面表现、网络超时、底部标签等。我的QuickStart项目中初始的app.json配置如下:","pages/addFunction/addFunction","pages/deployFunctions/deployFunctions","pages/chooseLib/chooseLib"],"window":{"backgroundColor":"#F6F6F6","backgroundTextStyle":"light","navigationBarBackgroundColor":"#F6F6F6","navigationBarTitleText":"云开发快速入门","navigationBarTextStyle":"black"}}其中:pages---用来描述当前小程序所有页面的路径,让用户引导该目录下该小程序的页面定义;window---定义小程序所有页面的路径Top背景色、文字颜色定义等。project.config.json用于记录开发工具的配置。更换电脑时,加载工程文件即可恢复原来的配置。**.json是一个配置文件,用来自定义各个页面的样式。其属性如下:WXML模板的作用与HTML类似,但也有一些区别:1)。相对于传统的html代码,WXML封装了很多不需要由div、span等标签组成的Components,而是常用的view、button、text等封装组件。2).采用类似于VUE的MVVM开发模式,JS只需要对状态进行管理,通过模板语法来描述状态和界面结构关系。WXSS样式具有CSS的大部分特性,并有一些扩展和修改。1).增加了尺寸单位rpx,可以省去移动设备不同宽度和像素比的转换。2).提供全局样式app.wxss,局部页面样式**.wxss。3).只支持部分选择器:JS交互交互逻辑和VUE类似,也有丰富的小程序API。3、小程序的运行机制。小程序的开始。在打开小程序之前,微信客户端会将整个小程序的代码包下载到本地。app.json页面中的第一个页面路径是小程序的主页。是的,通过小程序底部的一些机制,可以渲染首页。小程序启动后,会执行app.js中定义的App实例的onLaunch回调:App({onLaunch:function(){//小程序启动后触发}})programandpage每个页面包含四个文件,.json配置生成小程序的格式框,顶部的字体和颜色在这里定义,然后加载.WXML和WXSS样式,最后加载.JS。JS中的Page是一个页面构建器,通过它结合小程序框架,将数据和index.html一起渲染,产生最终的结构。渲染后,在onLoad回调中处理您的逻辑。[1]:https://developers.weixin.qq.com/miniprogram/dev/
