我的第一个微信小程序"Hello World"(超详细)
2019-07-16 本文已影响0人
飞奔的嗨少
相信很多小伙伴都想开发一个自己的微信小程序,那么小编将带着新手小伙伴们开发咱们自己的第一个微信小程序-"hello world"
- 第一步 我们打开微信小程序的官方文档(点击下列网址我们可以看到界面如下所示)https://developers.weixin.qq.com/miniprogram/dev/framework/
微信官方文档截图 -
第二步 我们点击开始中的申请账号(界面如下所示)
1.点击小程序注册页链接进入微信公众平台填写账号信息 2.点击注册按钮之后进行邮箱激活
3.进行个人实名信息登记,登记成功之后进行第三步 - 第三步 安装开发者工具,三种版本选一种(这里小编选择的是第一个版本)https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html
- 第四步 点击night build 选择下载的版本,一般我们选择Windows64
-
第五步 开始下载微信开发者工具 下载完成之后选择安装,(这里小编是选择装在D盘的)
-
第六步 点击微信开发者工具
需要注意的是,有的新手小伙伴们点击桌面上的微信开发者工具,既没有弹出任何窗口,也没有报错;那么出现这样的问题,我们该怎样解决呢??
小编的解决方法是使用快捷键Ctrl+shift+Esc打开任务管理器,将内部打开的关于微信开发者工具的进程全部关掉,然后右击桌面上的微信开发者工具,以管理员的身份运行就能成功打开微信开发者工具的登录界面啦!!
-
第七步 用微信扫码登录开发者工具,准备开发你的第一个小程序吧!
-
第八步 登录成功之后进入我们的项目界面
- 第九步 选择小程序,选择"+"新建小程序项目,这时需要输入你的AppID,那么这时候我们的AppID去哪里找呢,不要急,小编带你慢慢来。
1.点击如下网址打开微信公众平台,输入账号和密码登陆。
https://mp.weixin.qq.com/wxamp/home/guide?lang=zh_CN&token=848967741
2.登陆成功之后我们补充小程序的基本信息,如名称、图标、描述等
3.添加成功之后我们点击小程序信息的查看详情,然后往下翻,我们就可以看到我们小程序的AppId了
-
第十步 我们复制粘贴我们的AppID至我们的微信开发者新建项目界面,点击新建
-
第十一步 我们终于看到了我的第一个微信小程序 "hello world"的开发界面了,是不是感觉很有成就感呢??
- 最后 我们可以点击真机调试,将我们的hello world微信小程序放到我们的真机上Run