700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > 微信小程序制作全流程(1)

微信小程序制作全流程(1)

时间:2018-08-06 13:28:57

相关推荐

微信小程序制作全流程(1)

以一个小程序示例为例

1.基本页面文件设置与开发基础

1.1创建小程序,注册小程序获取App Id

创建小程序,可以先注册一个appid直接进行开发,也可以先使用测试号,待开发完成后,重新申请一个正式的appid,将测试号的代码迁移到正式小程序中即可。有购买腾讯云开发服务的可以使用微信云开发,有自己的网站服务器或想自主开发的可以不使用云服务,若是按照特定需求开发一般不用模板。注册appid需要一个未绑定过任何公众号、小程序的邮箱,具体步骤按照微信官方指引。

1.2app.js

app.js中会创建App对象,包含onlaunch方法、全局数据globalData(即在任意页面都可以通过app对象调用)、包含其他的自定义方法比如变更全局数据的方法。

1.3app.json

文件页面配置,以json格式存储数据,pages中存放需要呈现的页面路径;entryPagePath设置首先打开的页面,tabBar设置底部导航栏,如下,详细介绍参考微信开发文档。​​​​​​​

1.4 app.wxss/project.config.json

app.wxss为全局样式文件,以上三个json文件为小程序的一些配置,一般不用去更改。

​​​​​​​1.5内容页面

创建一个文件夹如pages存放每个小程序页面,创建单个页面文件如about文件夹,并在app.json中配置此页面,自动编译生成about.js,about,json,about.wxml,about.wxss;小程序所需的图片、视频等资源可以另外新建一个文件夹存放。微信小程序有大小限制,不推荐将资源文件存放在项目中,除了项目中必须的一些基本图标,如底部导航栏图标等,总共资源文件不超过200kb为宜,其他的资源文件宜采用网络地址存放,即url。

1.6 开发基础

wxml即页面布局,与html相似;wxss即页面样式,与css相似,小程序js应用与vue框架相似,采用数据绑定的形式,具体内容参考微信开发文档。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。