微信小程序的开发

微信小程序的内容

搭建微信小程序的开发环境

一、准备工作：
（1）登录微信官方提供的链接 https：//developers.weixin.qq.com/miniprogram/dev/
（2）进入教程后，选择“申请账号”
（3）点击“小程序注册页”按钮进入小程序注册页面
二、账号信息填写
（1）填写邮箱、密码、确认密码以及认证码
（2）勾选“你已阅读并同意《微信公众平台服务协议》及《微信小程序平台服务条款》”
（3）单击“注册”按钮提交填写好的账号信息
三、邮箱激活
（1）在账号信息提交后，进入邮箱激活页面，单击“登录邮箱”按钮，登录到注册小程序的邮箱查看激活文件
（2）单击邮箱中的链接，即跳转回微信平台页面并完成邮箱激活
四、信息登录
（1）完成邮箱激活后，进入信息登录页面
（2）主体类型根据开发者实际情况进行选择
五、微信开发者工具下载
网址：https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html
点此网址进行下载
六、运行
（1）双击桌面“微信web开发工具”图标，运行微信开发者工具
（2）用微信进行扫描登录，扫描成功后，在手机端单击“登录”按钮即可登录并使用微信开发者工具
七、创建
（1）双击微信web开发者工具图标，打开开发者工具。
（2）左侧导航栏选择“小程序”单击菜单栏中“+”按钮，进入新建项目页面
进入新建项目页面，依次填写项目名称和AppID，并选择项目目录、开发模式、后台服务和开发语言

填写完新建项目中的各个信息之后，单击“新建”按钮完成Hello World小程序的新建

修改window属性
（1）打开新建好的hello world小程序，点击app.json,找到window字段。
“window”: {
“backgroundTextStyle”: “light”,
“navigationBarBackgroundColor”: “#fff”,
“navigationBarTitleText”: “WeChat”,
“navigationBarTextStyle”: “black”
}
（2）
将navigationBarBackgroundColor的值改为“#000”，
将navigationBarTitleText的值改为“微信”，
将navigationBarTextStyle的值改为“white”

修改motto值
点击index.js，找到page字段，此处将motto值修改为hello Jinxin。

修改动态获取的昵称
在/pages/index目录下，修改index.wxml文件。将{{userInfo.nickName}}改为你想要的任何名字。我将{{userInfo.nickName}}改为“博君一肖”