文章目录
在正式开发微信小程序前,需要先进行开发前的准备工作,包括注册微信小程序开发账号、获取微信小程序App、安装微信开发者工具和创建微信小程序项目。
一、注册微信小程序开发账号
(一)访问微信公众号平台网站
网址:https://mp.weixin.qq.com/
(二)进入注册页面完成账号的注册
- 单击立即注册链接,就可以进入开发账号的注册页面
- 选择注册的账号类型:小程序
- 单击【前往注册】按钮,这时我就看到注册页面了
- 根据提示输入邮箱、密码、确认密码和验证码
-单击【注册】按钮,进入提示邮箱激活页面
-
单击【登录邮箱】按钮,登录前面注册指定的邮箱
-
单击【登录】按钮,进入邮箱,打开微信小程序账号激活
-
单击账号激活链接,将会跳转到用户信息登录页面,主体选择个人,然后登记主体信息
-
扫二维码进行管理员身份验证
-
切换到小程序用户登记页面,单击【继续】按钮
-
单击【确定按钮】
(三)进入微信小程序管理后台
二、获取微信小程序AppID
(一)什么是小程序AppID
- 在微信小程序中,AppID又称为小程序ID,是每个小程序的唯一标识,每个小程序账号只有一个AppID,因此每个账号只能发布一个小程序,如果要发布多个小程序,需要注册多个小程序账号。
(二)获取小程序App
- 打开微信公众号官网,扫描二维码
- 选择账号进行登录
- 点击账号,登录成功
- 在左侧栏里选中【开发管理】,然后再选择【开发设置】
(三)设置小程序信息
- 单击左侧栏【首页】
- 单击【前往填写】按钮,填写小程序信息
- 单击【提交】按钮
- 此时,退出微信小程序管理后台,再扫码登录
三、安装微信开发者工具
(一)下载微信开发者工具
- 进入微信小程序管理后台,在左侧栏选择【开发工具】
- 单击【开发者工具】选项卡
- 单击【下载】按钮
- 单击【Windows 64】链接,将该版本的微信开发者工具下载到本地
(二)安装微信开发者工具
-
双击安装程序图标,进入安装向导
-
修改一下安装位置
-
单击【安装】按钮,一步一步完成软件的安装
-
查看dll目录
-
设置环境变量
-
单击【确定】按钮
四、创建微信小程序项目
(一)启动微信开发者工具
- 首次启动,会有一个扫码登录
- 扫码登录成功之后
- 单击右上角齿轮按钮,设置外观 —— 浅色
(二)创建微信小程序项目
-
单击【+】按钮,在窗口里设置微信小程序相关信息
-
单击【确定】按钮,修改index.wxml里的显示内容,再单击【编译】按钮
-
单击【确定】按钮,修改内容,再单击【编译】按钮