• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    迪恩网络公众号

前端 | 微信小程序开发第一步

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

原创文章,转载请注明:转载自技术哥

技术哥

给你不一样的世界


技术哥已经在上两期向大家具体介绍过微信小程序了,有的朋友已经蠢蠢欲动想自己动手开始了吧。那这次技术哥先手把手带大家开发第一个属于自己的微信小程序。


一、注册微信小程序个人账号

1.首先是先在微信公众平台上注册并拿到属于自己的AppID,然后进入微信公众平台:

2.选择小程序:

3.在相应的位置填入对应的信息,填写完整后点击“继续”:

每个账号仅可申请一个小程序

填入的邮箱将成为微信公众平台登录小程序时候的账号,所填的密码可设新密码,与邮箱账号相独立。

4.开始邮箱**步骤:登陆邮箱,在收件箱中找到题为:“请**你的微信小程序”的邮件并打开,点击邮件中的链接即可**账号:

5.点击链接后,将会跳转回微信公众平台,显示如下界面,则邮箱**成功。然后开始填写信息登记:

一般我们选择为个人开发者即可进行基本开发,如有其他需要可再查询其他类型开发者后进行选择;

6.填写完基本信息后验证管理员身份,显示如下界面,表示注册成功

7.跳转微信公众平台/小程序的首页,完善自己的个人信息,注册就完成了


二、下载微信小程序开发工具:

注册好账号之后就可以在开发者工具中进行自己的小程序开发和调试了。

1.那我们回到微信公众平台首页,点击小程序,找到开发者工具

2.进入开发者工具后,跳转到如下界面:

3.在左边菜单中找到“下载”,根据自己的系统选择所需要的版本,点击开始下载:

4.下载安装后,点击图标,用注册时的管理员微信账号扫码登陆

(下文以Mac版本为例,Windows版本相差不多,功能相同)

5.进入开发者工具模式选择,点击“小程序项目”

6.进入微信小程序,点击右下角的加号创建新项目:

7.开始创建项目:

(1)项目目录创建需选择项目应存放的目录。当选择空目录时,可以选择是否在该目录下生成一个简单的项目。

(2)AppID获得方式:

回到微信公众平台/小程序的首页,在左侧菜单最下方,找到“设置”-“开发设置”,出现下面界面,将AppID复制到输入框中:

(3)输入项目名称,中英文皆可;

(4)在“建立普通快速启动模板”处的勾上;

(5)点击“确认”;

8.点击“确认”后,出现下面界面,则并表示项目创建成功:

9.点击上栏的“预览”,用微信扫一扫:

10.扫码后,将会跳到我们的第一个微信小程序,我们的第一个微信小程序就这样完成啦:


下一期的微信小程序教程会开始教大家熟悉代码并走上敲代码的道路,敬请期待哦。大家如果觉得意犹未尽,大可以翻阅微信小程序的文档进行自主学习,创造更多的可能。

留给大家个小问题,如果需要修改上图中的“Hello World”变为其他文字,可以怎么做呢?答案下期揭晓;)


往期回顾

服务器|9.9元搭建服务器
服务端|如何实现物联网后台
前端|VUE环境的搭建
web前端 | vue系列教程(2)
区块链教程–快速入门
小程序凭什么这么火?
如何使用CORS解决跨域问题


微信搜索“技术哥”,关注“技术哥”的微信公众号查看更多技术文章。


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
动画阶段 · 小程序向上弹出动画效果发布时间:2022-07-18
下一篇:
微信小程序动态修改页面标题setNavigationBarTitle发布时间:2022-07-18
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap