从零开始创建微信小程序Demo

2024-04-15 07:26:17

微信小程序：

微信公众平台：https://mp.weixin.qq.com/

小程序官方文档：https://developers.weixin.qq.com/miniprogram/dev/framework/

微信开发者工具：https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

小程序官方Demo：https://github.com/wechat-miniprogram/miniprogram-demo

一、注册小程序

1.注册小程序

小程序注册地址：https://mp.weixin.qq.com/wxopen/waregister?action=step1

2.查看AppId

注册之后，在 开发/开发管理/开发设置 中，可以查看 AppID。

二、安装微信开发者工具

1.下载微信开发者工具：

https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

2.安装微信开发者工具：

按照上面的地址，下载并安装微信开发者工具，双击启动，微信扫码登录即可：

注意：如果出现如下错误界面，需要在设置里面进行如下设置：

设置好之后，重新启动一下微信开发者工具就好了，登录之后的界面应该是这个样子：

3.新建小程序

这里需要用到我们在前面注册的 AppId。

（注意：测试号会直接关联你的微信号，在登录微信公众平台的时候会看到，后面有删除测试号的步骤说明。）

4.运行查看效果

以下是微信开发者工具的面板介绍：

点击 真机调试 按钮会生成二维码，通过微信扫描二维码就可以在手机上查看效果并测试了：

三、微信小程序官方Demo

Github：https://github.com/wechat-miniprogram/miniprogram-demo

二维码体验：

官方Demo界面截图：

四、如何解绑测试账号

1.场景

如果你创建小程序的时候，AppId 使用的是测试号，当你使用手机扫码登录微信公众平台的时候就会看到有很多没用的测试号，如下图所示：

2.解绑测试号

如何解绑测试号？关注官方微信公众号 公众平台安全助手：

在公众号中，选择 微信号绑定账号，

（解除绑定成功~）

以上就是分享的全部内容，完结撒花~

从零开始创建微信小程序Demo相关推荐

最全微信小程序demo
wx-gesture-lock 微信小程序的手势密码 WXCustomSwitch 微信小程序自定义 Switch 组件模板 WeixinAppBdNovel 微信小程序demo:百度小说搜索 sh ...
java小程序贪吃蛇代码_微信小程序Demo之贪食蛇
原标题:微信小程序Demo之贪食蛇差不多大半年前,笔者发布了一篇关于OC版贪食蛇开发的文章,时隔多月,微信小程序横空出世,于是闲来无事的我又写了一个小程序版. 01页面布局关于小程序笔者就不做介绍 ...
从零开始的微信小程序入门教程(一)
从零开始的微信小程序入门教程(一) 之前说要和同事一起开发个微信小程序项目,现在也在界面设计,功能定位等需求上开始实施了.所以在还未正式写项目前,打算在空闲时间学习下小程序.本意是在学习过程中结合实践 ...
从零开始的微信小程序入门教程
之前说要和同事一起开发个微信小程序项目,现在也在界面设计,功能定位等需求上开始实施了.所以在还未正式写项目前,打算在空闲时间学习下小程序.本意是在学习过程中结合实践整理出一个较为入门且不是很厚的教程, ...
微信小程序-计算器小程序《从零开始学微信小程序》
主界面的代码块  <view class="container" ...
《从零开始学微信小程序开发》.pdf
关注"Java后端技术全栈" 回复"000"获取大量电子书 2016年9月21日,微信小程序正式开启内测.在微信生态下,触手可及.用完即走的微信小程序引起广泛关 ...
java创建微信小程序二维码
创建微信小程序二维码有两个接口需要一个是获取tocken的接口一个是生成二维码的接口获取tocken接口 //**********填写你的小程序appid 和 secret public sta ...
怎样创建微信小程序？创建小程序难不难？
小程序现在为众多的企业商家提供了营销上的巨大帮助,小程序也已经成为了这些企业商家的标配,即使是初创的企业商家都会先去了解怎样创建微信小程序,创建小程序难不难等问题,那么下面就给大家分享怎样创建微信小程 ...
创建微信小程序的几种方式
创建微信小程序的几种方式 1. 使用原生方式在官网上下载微信开发者工具,之后使用微信开发者工具新建项目即可. 微信这边提供了多个模板,可以直接下载模板快速搭建上线,也可以使用空白模板根据需求自行编写 ...

最新文章

热门文章