【微信小程序开发前准备】

文章目录

  • 学习目标
  • 一、注册微信小程序开发账号
    • (一)访问微信公众号平台官网
    • (二)进入注册页面
    • (三)进入微信小程序管理后台
  • 二、获取微信小程序AppID
    • (一)什么是小程序AppID
    • (二)获取小程序AppID
    • (三)设置小程序信息
  • 三、安装微信开发者工具
    • (一)下载微信开发者工具
    • (二)安装微信开发者工具
  • 四、创建微信小程序项目
    • (一)启动我想开发者工具
    • (二)创建微信小程序项目

在正式开发微信小程序前,需要先进行开发前的准备工作,包括注册微信小程序开发账号、获取微信小程序AppID、安装微信开发者工具和创建微信小程序项目。

学习目标

  1. 注册微信小程序开发账号
  2. 获取微信小程序AppID
  3. 安装微信开发者工具
  4. 创建微信小程序项目

在正式开发微信小程序前,需要先进行开发前的准备工作,包括注册微信小程序开发账号、获取微信小程序APPID、安装微信开发者工具和创建微信小程序项目。

一、注册微信小程序开发账号

(一)访问微信公众号平台官网

  • 网址:https://mp.weixin.qq.com/【微信小程序开发前准备】_第1张图片

(二)进入注册页面

  • 单击“立即注册”链接,就可以进入开发账号的注册页面
    【微信小程序开发前准备】_第2张图片
  • 选择注册的账号类型:小程序
    【微信小程序开发前准备】_第3张图片
  • 单击【前往注册】按钮,我们就看到小程序注册页面
    【微信小程序开发前准备】_第4张图片
  • 根据提示输入邮箱、密码、确认密码和验证码
    【微信小程序开发前准备】_第5张图片
  • 单击【注册】按钮,进入提示邮箱激活页面
    【微信小程序开发前准备】_第6张图片
  • 单击【登录邮箱】按钮,登录前面注册时指定的的邮箱
    【微信小程序开发前准备】_第7张图片
  • 单击【登录】按钮,进入邮箱,打开“微信小程序账号激活”邮件
    【微信小程序开发前准备】_第8张图片
  • 单击账号激活链接,将会跳转到用户信息登记页面,选择主体类型:个人,然后登记主体信息

【微信小程序开发前准备】_第9张图片

  • 扫二维码进行管理员身份验证,单击【确定】按钮
    【微信小程序开发前准备】_第10张图片

  • 切换到小程序用户信息登记页面,单击【继续】按钮
    【微信小程序开发前准备】_第11张图片

  • 单击【确定】按钮
    【微信小程序开发前准备】_第12张图片

(三)进入微信小程序管理后台

  • 单击【前往小程序】按钮
    【微信小程序开发前准备】_第13张图片

二、获取微信小程序AppID

(一)什么是小程序AppID

  • 在微信小程序中,AppID又称为小程序ID,是每个小程序的唯一标识,每个小程序账号只有一个AppID,因此每个账号只能发布一个小程序,如果要发布多个小程序,需要注册多个小程序账号。

(二)获取小程序AppID

  • 打开微信公众号官网
    【微信小程序开发前准备】_第14张图片
  • 扫码登录,选择本次课注册的账号
    【微信小程序开发前准备】_第15张图片
  • 进入微信小程序管理后台
    【微信小程序开发前准备】_第16张图片
  • 在左侧栏里选中【开发管理】,然后再选择【开发设置】
    【微信小程序开发前准备】_第17张图片

(三)设置小程序信息

  • 单击左侧栏【首页】
    【微信小程序开发前准备】_第18张图片

  • 单击【前往填写】按钮,填写小程序信息
    【微信小程序开发前准备】_第19张图片

  • 单击【提交】按钮
    【微信小程序开发前准备】_第20张图片

  • 此时,退出微信小程序管理后台,再扫码登录

三、安装微信开发者工具

(一)下载微信开发者工具

  • 进入微信小程序管理后台,在左侧栏选择【开发工具】
    【微信小程序开发前准备】_第21张图片
  • 单击【开发者工具】选项卡
    【微信小程序开发前准备】_第22张图片
  • 单击【下载】按钮
    【微信小程序开发前准备】_第23张图片
  • 单击【Windows 64】链接,将该版本的微信开发者工具下载到本地
    【微信小程序开发前准备】_第24张图片

(二)安装微信开发者工具

  • 双击安装程序图标,进入安装向导
    【微信小程序开发前准备】_第25张图片
  • 修改一下安装位置
    【微信小程序开发前准备】_第26张图片
  • 单击【安装】按钮,一步一步完成软件的安装
    【微信小程序开发前准备】_第27张图片
  • 查看dll目录
    【微信小程序开发前准备】_第28张图片
  • 设置环境变量
    【微信小程序开发前准备】_第29张图片
  • 单击【确定】按钮
    【微信小程序开发前准备】_第30张图片

四、创建微信小程序项目

(一)启动我想开发者工具

  • 首次启动,会有一个扫码登录

【微信小程序开发前准备】_第31张图片

  • 扫码登录成功之后
    【微信小程序开发前准备】_第32张图片
  • 单击右上角齿轮按钮,设置外观 —— 浅色
    【微信小程序开发前准备】_第33张图片
    【微信小程序开发前准备】_第34张图片

(二)创建微信小程序项目

  • 单击【+】按钮,在窗口里设置微信小程序相关信息
    【微信小程序开发前准备】_第35张图片

  • 单击【确定】按钮,修改index.wxml里的显示内容,再单击【编译】按钮
    【微信小程序开发前准备】_第36张图片

你可能感兴趣的:(微信小程序,微信小程序,notepad++,小程序)