微信小程序的火热程度相信大家有目共睹,今天本篇博文就和大家一步一步学习开发微信小程序。

本篇文章会在官方简易教程的基础上做更详细的解说,好了相信你已经和我一样已经迫不及待了,跟随这个教程,开始我们的小程序之旅吧!

0x01 准备工作

1.一个未被使用过的邮箱
Tips:

每个邮箱仅能申请一个小程序,所以我们必须使用一个未注册过微信公众平台的邮箱
作为登录帐号,请填写未被微信公众平台注册,未被微信开放平台注册,未被个人微信号绑定的邮箱

2.微信小程序官方简易教程
https://mp.weixin.qq.com/debug/wxadoc/dev/quickstart/basic/getting-started.html

0x02 申请账号

开发小程序的第一步,你需要拥有一个小程序帐号,通过这个帐号你就可以管理你的小程序。

点击 https://mp.weixin.qq.com/wxopen/waregister?action=step1

根据指引填写信息和提交相应的资料,就可以拥有自己的小程序帐号


点击“注册”后打开你的邮箱你会发现有个激活链接,点击打开激活成功就可以了。

0x03 登陆微信小程序后台进行设置

登录 https://mp.weixin.qq.com 后,我们就可以在菜单 “设置”-“开发设置” 看到我们小程序的 AppID 了 。

小程序的 AppID 相当于小程序平台的一个身份证,后续你会在很多地方要用到 AppID (注意这里要区别于服务号或订阅号的 AppID)。

有了小程序帐号之后,我们需要一个工具来开发小程序。

0x04安装开发工具

前往 开发者工具下载页面 ,根据自己的操作系统下载对应的安装包进行安装,有关开发者工具更详细的介绍可以查看 《开发者工具介绍》 。

打开小程序开发者工具,用微信扫码登录开发者工具,准备开发你的第一个小程序吧!

由于我们需要学习开发微信小程序,所以这里我们选择“小程序项目”

到这里我们就需要依次填写我们的项目本地保存路径以及我们微信小程序的AppId,项目名称

Tips:

这里要注意下,微信给小程序设置了三套初始化模板,
建立普通快速启动模板:普通最简单的Hello World程序
建立腾讯云Node.js启动模板:微信小程序后台使用Node.js开发
建立腾讯云PHP启动模板: 微信小程序后台使用PHP开发

由于是初学,这里我们先选择最简单的建立普通快速启动模板

到这里我们点击“编译”,再点击“预览”按钮会弹出来一个二维码界面。

打开我们的手机用微信扫这个二维码,这个微信小程序便运行在我们的真实手机上了

好了本文先到此结束,如果感兴趣,我将会在下篇博文中详细讲解这个Hello World 微信小程序中的代码部分。

微信小程序开发入门指南一相关推荐

  1. 微信小程序开发入门指南二

    上篇文章我们已经一起成功创建了一个Hello World级别的微信小程序. 那么这篇文章我们将详细讲解下这个例子中的相关代码部分. 代码构成 正如你所看到的,这个项目中生成了很多不同类型的文件. .j ...

  2. 《微信小程序开发入门精要》——导读

    本节书摘来自异步社区<微信小程序开发入门精要>一书中的导读,作者 李宁,更多章节内容可以访问云栖社区"异步社区"公众号查看 目 录 第1章 微信小程序入门 第1章第1节 ...

  3. 小程序onload_微信小程序开发入门之共享账本(十四)

    微信小程序开发入门之共享账本(十四) (备注:微信小程序的wxml文件相当于HTML文件,wxss文件相当于CSS文件,js文件就是JavaScript文件,数据库为NoSQL数据库,数据库脚本语言也 ...

  4. 《微信小程序开发入门精要》——第2章,第2.8节带边距的水平等间隔排列

    本节书摘来自异步社区<微信小程序开发入门精要>一书中的第2章,第2.8节带边距的水平等间隔排列,作者 李宁,更多章节内容可以访问云栖社区"异步社区"公众号查看 2.8 ...

  5. 从零开始学前端第十七讲--微信小程序开发入门

    微信小程序开发入门 主讲人介绍 沁修,葡萄藤技术总监 项目经验丰富,擅长H5移动项目开发. 专注技术选型.底层开发.最佳代码实践规范总结 直播录屏版 https://v.qq.com/x/page/n ...

  6. 微信小程序开发入门(连载)—— 开发前的准备工作

    上一篇:微信小程序开发入门(连载)-- 认识微信小程序 1. 注册小程序帐号 在微信公众平台官网首页(https://mp.weixin.qq.com)点击右上角的"立即注册"按钮 ...

  7. 微信小程序开发入门(连载)—— Hello World

    上一篇:微信小程序开发入门(连载)-- 微信公众平台配置 3.1 微信开发者工具 前往 开发者工具下载页面 (https://developers.weixin.qq.com/miniprogram/ ...

  8. 微信小程序开发入门(连载)—— 微信公众平台配置

    上一篇:微信小程序开发入门(连载)-- 开发前的准备工作 登录微信公众平台(https://mp.weixin.qq.com),点击左侧导航栏中的"开发",点击"开发设置 ...

  9. 微信小程序开发入门(连载)—— 认识微信小程序

    从今天开始,为大家开一门连载课程 --<微信小程序开发入门>. 2011 年,腾讯公司新的即时通讯社交软件微信正式上线,凭借其新颖的设计风格和良好的使用体验,微信很快就获得了大量的用户.据 ...

最新文章

  1. 深入浅出经典面试题:从浏览器中输入URL到页面加载发生了什么 - Part 3
  2. GO 输出字符数同时输出这个字符串的字节数
  3. c语言实现排列组合:实现matlab中的nchoosek函数
  4. 问题:二进制数中1的个数。
  5. python滚动条_python中selenium操作下拉滚动条的几种方法汇总
  6. hive查询像mysql在终端一样有规则的方法!!!
  7. koa --- [MVC实现之四]Router、Controller、Service的实现
  8. linux下图像分析程序,三 - Linux+C语言:数字图像处理源程序_Linux编程_Linux公社-Linux系统门户网站...
  9. 3.5 Bounding Box预测
  10. scp命令报错-bash: scp: command not found
  11. python中关于字典的基础运用
  12. 汉王手写板linux驱动下载,Hanwang汉王
  13. 用手机写代码,在网页中写代码
  14. Guitar Pro教程之记谱法简介
  15. 浙师大 计算机科学技术导论,计算机科学技术导论
  16. vue 页面卡顿(数据量大)
  17. 齐岳提供的双核金属铱配合物黏度探针C10((df-ppy)2Ir(bpy)(CH2)10(bpy)Ir(btph)22+)-
  18. 爱情小筑 v3.1 build 2002.07.26 免费下载
  19. 接口测试试题汇总jmeter
  20. 国外拜访客户,实用小贴士

热门文章

  1. 分享75个JS特效倒计时,总有一款适合您
  2. 2016年开源巨献:百度71款开源项目
  3. 【奥黛丽赫本】女神一样的优雅
  4. 数据上链——区块链相关概念
  5. 金融计算机怎么调成链式,FRM金融计算器使用方法
  6. (小说)代码,也是有温度的。一个35岁程序员的心理蜕变。
  7. 荣耀80Pro直屏版和荣耀80Pro区别?
  8. 网络安全与网站安全及计算机安全:如何使用Kali Linux的Rarcrack获取RAR压缩文件加密密码?
  9. 中国正式进入 5G 商用元年!
  10. Android 手机安装有微信,还是提示未安装微信