要在手机微信上运行测试小程序,必须获取AppID。我们需要注册并登陆 微信公众平台:小程序账号。(目前,微信公众平台的账号共有四个类型: 服务号,订阅号,小程序和企业微信)。打开页面点击右上角的 立即注册 即可开始注册流程。
width="560" height="315" src="https://s3.cn-north-1.amazonaws.com.cn/u-vid-hd/VgUu9N8Odas.mp4" allowfullscreen="">在注册过程中,你需要进行接受邮件,输入姓名,身份证号码,微信扫码等实名验证步骤。
width="560" height="315" src="https://s3.cn-north-1.amazonaws.com.cn/u-vid-hd/VUReLgFf9FU.mp4" allowfullscreen="">注册完成,进入账号,点击页面左侧最下方的设置,选择开发设置,就可以看到你的 AppID了!
width="560" height="315" src="https://s3.cn-north-1.amazonaws.com.cn/u-vid-hd/VkjQp4SZ7Lk.mp4" allowfullscreen="">你可以在 这个页面 下载小程序开发者工具。你需要基于你的操作系统来选择对应的开发工具。Windows 下分为 64 位和 32 位两个版本,MacOS 下只有一个版本,其它操作系统下暂时未提供开发工具。
width="560" height="315" src="https://s3.cn-north-1.amazonaws.com.cn/u-vid-hd/zQldfuyrvVU.mp4" allowfullscreen="">第一次打开开发者工具,你需要用微信扫码登陆。扫码确认登陆后,就可以选择 小程序项目 或 公众号网页项目了。 我们选择 小程序项目 来创建项目。创建项目时,我们需要填入 项目目录, AppID 和 项目名称。
width="560" height="315" src="https://s3.cn-north-1.amazonaws.com.cn/u-vid-hd/W1CjHya4kDE.mp4" allowfullscreen="">我们刚刚建立了一个全新的小程序项目!
width="560" height="315" src="https://s3.cn-north-1.amazonaws.com.cn/u-vid-hd/UB8Yh3RsQog.mp4" allowfullscreen="">开发工具中包括模拟器,编辑器和调试器。你可以在工具栏中打开或关闭这些窗口。
width="560" height="315" src="https://s3.cn-north-1.amazonaws.com.cn/u-vid-hd/baHNzO3SaaM.mp4" allowfullscreen="">点击窗口上方中间位置的 编译 按钮,就可以在模拟器中运行了。你可以点击 获取头像昵称 按钮并允许授权,获取自己的头像和昵称。点击头像图片,还可以进入日志页面。
width="560" height="315" src="https://s3.cn-north-1.amazonaws.com.cn/u-vid-hd/aDhZQ-xuAoA.mp4" allowfullscreen="">如果要在手机微信上运行小程序,则编译右侧的 预览 按钮,生成二维码。用手机微信扫描二维码就可以在微信中运行了。
width="560" height="315" src="https://s3.cn-north-1.amazonaws.com.cn/u-vid-hd/_ywVu9UoTRo.mp4" allowfullscreen="">