微信小程序开发前准备

文章目录

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

零、学习目标

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

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

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

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

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

(二)进入注册页面

  • 单击“立即注册”链接,就可以进入开发账号的注册页面。
    微信小程序开发前准备_第2张图片
  • 选择注册的账号类型:小程序
    微信小程序开发前准备_第3张图片
  • 单机【前往注册】按钮,这样我们就看到
    微信小程序开发前准备_第4张图片
  • 根据提示输入邮箱,密码,确认密码,验证码
    微信小程序开发前准备_第5张图片

(已成功样式)
单击【注册】按钮,进入提示邮箱激活页面
微信小程序开发前准备_第6张图片

  • 单击【登陆邮箱】按钮,登陆之前注册时指定的邮箱
    微信小程序开发前准备_第7张图片

  • 单击【登录】按钮,进入邮箱,打开“微信小程序账号激活”
    微信小程序开发前准备_第8张图片

  • 单击账号激活链接,将会跳转到用户信息登记页面
    (已经跳过,未截图)

  • 进入用户登记信息页面,填写个人信息
    (已经跳过,未截图)

  • 扫二维码进行微信小程序注册身份认证
    (已经跳过,未截图)

  • 切换到小程序用户信息登记页面,单击继续按钮
    (已经跳过,未截图)

  • 单击【确定】按钮

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

  • 单击【前往小程序】按钮

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

(四)设置微信小程序信息

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

二、获取微信小程序AppID

(一)什么是小程序AppID

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

(二)获取小程序AppID

  • 打开微信公众号平台
    (已经跳过,未截图)

  • 扫码登陆,选择本次课注册的账号
    (没有截图,自己操作)

  • 进入微信小程序管理后台
    微信小程序开发前准备_第11张图片

  • 在左侧栏选择开发管理,选择开发设置
    微信小程序开发前准备_第12张图片

(三)设置小程序信息

  • 单击左侧栏【首页】
  • 微信小程序开发前准备_第13张图片
  • 单击【前往填写】按钮,填写小程序基本信息

微信小程序开发前准备_第14张图片

  • 单击【提交】按钮

微信小程序开发前准备_第15张图片

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

微信小程序开发前准备_第16张图片

三、安装微信开发者工具

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

  • 进入微信小程序管理后台,在左侧栏选择【开发工具】
    微信小程序开发前准备_第17张图片
  • 单击【开发者工具】选项卡
    微信小程序开发前准备_第18张图片
  • 单击【下载】按钮
    微信小程序开发前准备_第19张图片
  • 单击【windows 64】链接,将该版本微信开发者工具下载到本地
    在这里插入图片描述

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

  • 双击安装程序,根据向导安装
    微信小程序开发前准备_第20张图片
  • 修改一下安装位置
    微信小程序开发前准备_第21张图片
  • 查看dll目录
    微信小程序开发前准备_第22张图片
  • 设置环境变量
    微信小程序开发前准备_第23张图片
  • 单击【确定】按钮
    微信小程序开发前准备_第24张图片

四、创建微信小程序项目

(一)启动微信开发者工具

  • 首次登陆会有一个扫码登陆
    微信小程序开发前准备_第25张图片
  • 扫码登陆成功以后
    微信小程序开发前准备_第26张图片
  • 修改背景色为浅色
    微信小程序开发前准备_第27张图片

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

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

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

  • 修改index.wxml里的显示内容,再单击【编辑】

微信小程序开发前准备_第30张图片

后续敬请期待

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