目录

图文详解小程序AppID申请以及在Hbuilderx中运行

(图文详解)小程序AppID申请以及在Hbuilderx中运行

今天小编给大家带来了如何去申请APPID,如果你是小程序的开发者,就必须要这个id。

申请步骤

到小程序注册页面,注册一个小程序账号

填完信息后提交注册

https://i-blog.csdnimg.cn/blog_migrate/1cdb605e7a2ca4899341eca8f903a45e.png

会在邮箱收到 链接激活账号 确认。邮箱打开链接后,会输入实名信息,按照提示输入即可。

注册完成后,登录小程序后台:

用上面注册的邮箱登录

https://i-blog.csdnimg.cn/blog_migrate/e2d7297c451b0e6891b13a2ac5731d2c.png

在菜单 “开发”-“开发管理” 看到小程序的 AppID 了 。

https://i-blog.csdnimg.cn/blog_migrate/ab878f21f9ec0d05900afd52e49545cc.png

Hbuilderx运行小程序

导入项目后,我们打开manifest.json文件,修改下小程序的AppID

https://i-blog.csdnimg.cn/blog_migrate/0ba77e10dc7ccc8aca34011ee2199352.png

我们运行选择到小程序模拟器

https://i-blog.csdnimg.cn/blog_migrate/fac6594d1d93f62cffd11e71ae729828.png

在选择微信开发者工具,如果没有安装,则会提示

https://i-blog.csdnimg.cn/blog_migrate/c5db3ed0b9d8d486e68a47cb46cf335a.png

到指定路径去下载,根据你电脑去下载

https://i-blog.csdnimg.cn/blog_migrate/b8f9240d95f417f0e60da799b9b03943.png

下载完成后直接进入安装

https://i-blog.csdnimg.cn/blog_migrate/47e34756ef980ae9dcf1422bec14cb5a.png

然后hbuilderx中选择到安装目录

https://i-blog.csdnimg.cn/blog_migrate/f2991c4075b444d5a9405f570362a4d9.png

再次运行,如果报错:

[微信小程序开发者工具] × #initialize-error: Error: ENOENT: no such file or directory, open ‘C:\Users\PC6\AppDa……

我们手动打开微信开发工具,进入到设置,将服务端口开启

https://i-blog.csdnimg.cn/blog_migrate/40483b462e45e8e6e07e9916f176b112.png

然后我们再次到hbuilderx中去运行,然后微信开发者工具会自动弹出运行:

https://i-blog.csdnimg.cn/blog_migrate/6d01c9094e2a7ef5e841863ba8a867b6.png

https://i-blog.csdnimg.cn/blog_migrate/051f8b4e4dd2c4c649e969c90b03fec3.png

到此,运行项目完毕。

结尾语

我是分享 好物+教程+源码 的老罗,欢迎关注,后续会有更精彩的源码分享!