当前位置:   article > 正文

微信小程序开发(一)搭建开发环境_简述微信小程序开发环境的搭建

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

一、搭建开发环境

1. 注册

微信小程序公众号账号:https://mp.weixin.qq.com/, 按照引导教程注册小程序,完成如图:
在这里插入图片描述

2. 登录

  • step1:填写相关信息
    在这里插入图片描述
  • 在左下角设置->基本设置中可以看到基本相关信息!
  • 在左下角</>开发->开发设置->AppID可以看到你的小程序 “身份证号”
    在这里插入图片描述

3. 安装开发工具

  • 选择普通小程序开发者工具
    在这里插入图片描述
    点击微信开发工具
    在这里插入图片描述
    进入下载界面:

快速下载链接:https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

在这里插入图片描述

  • 下载完成开始安装:(560M左右,自定义安装路径,等待安装)
    在这里插入图片描述 在这里插入图片描述
    在这里插入图片描述 在这里插入图片描述

4.配置服务器(申请、部署、域名)

  • 部署
    在这里插入图片描述
    到这里配置!(若已有阿里云域名、腾讯云域名!直接配置即可~)
    在这里插入图片描述
    在这里插入图片描述
  • 申请

当然大多数人是没有云账户的,这里给出如何申请一个腾讯云账户!

  1. 进入腾讯云官网、注册账户:https://console.qcloud.com/lav2/dev
    微信扫码授权、注册腾讯云账号:
    在这里插入图片描述
  2. 进入左侧,生产环境扫码登录,可选择购买内容!在这里插入图片描述
  3. 根据需求购买即可!
    在这里插入图片描述
    购买完成!返回上层 部署

二、开启第一个小程序

1.登录

  • 扫码登录界面:
    在这里插入图片描述 在这里插入图片描述
  • 新建小程序项目
    *选择代码存放的硬盘路径,
    *填入刚刚申请到的小程序的 AppID,
    *给你的项目起命名,
    *勾选 “创建 QuickStart 项目” (注意: 你要选择一个空的目录才会有这个选项)
    在这里插入图片描述
  • 点击确定,进入界面:
    在这里插入图片描述
  • 项目结构分析:
    在这里插入图片描述

2.测试

左边可以预览调试,右上角预览调试生成二维码,可以用手机app扫码调试!

在这里插入图片描述
手机开发者测试:
在这里插入图片描述 在这里插入图片描述

三、发布

进入微信公众平台:https://mp.weixin.qq.com/
在这里插入图片描述


后一篇:微信小程序开发(二)创建helloworld小程序

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/我家小花儿/article/detail/699277
推荐阅读
相关标签
  

闽ICP备14008679号