一篇文入门微信小程序开发环境搭建

简介: 一篇文入门微信小程序开发环境搭建

2017年小程序发布以来,经过近5年的发展,微信小程序开发已经日趋成熟。越来越多的商家已经开通了线上的电商小程序,一个是给店铺引流,另一方面也是更好的为顾客服务。

本文利用一定的篇幅讲解一下微信小程序开发工具的搭建思路,如有不足还望读者见谅。我们开发的工具是利用微信开发者工具,同时需要开通小程序云开发环境。下边我就一步步讲解微信小程序开发环境如何搭建。

账号注册

想要开发小程序,先需要注册账号,我们在百度里输入微信公众号,找到官方的地址

点击顶部的立即注册按钮

一共是有四种类型可供选择,订阅号一般是作为作者注册使用的,如果你准备写文章来提升自己的影响力那么可以注册订阅号,每天可以发布一篇文章。

服务号主要是面向商家,有好多企业都有自己的服务号,一般是可以捆绑自己的后台系统,比如会员管理系统,就可以在服务号注册会员。

小程序是我们今天的重点,注册小程序后就可以上线自己的小程序了。小程序和服务号的区别是小程序是在微信的一级功能,可以很方便的找到,服务号的话必须主动搜索找起来比较麻烦。

企业微信是另外一个赛道了,是腾讯给企业提供的协同办公工具,这个我接触的比较少,没有深入了解过就不做过多的说明了。

我们点击小程序,就进入到了账号注册界面

需要说明的是账号注册分为个人认证和企业认证,个人认证需要提交身份证信息,而企业认证需要根据注册的类目不同提交不同的资料,有的类目还有一定的认证费用。

这里需要知道的是不同的资质可以上线的小程序是不同的,需要先了解清楚,很多商家没有概念,一上来就说我要打造个电商平台,作为个人连资质都没有就要运营电商平台也真是让人无语。

常见的服务类目服务类目在开发之前切记要仔细阅读,不要投入了非常大的开发费用到了上线了才发现自己不符合要求,那前期的投入不都打水漂了。

有的不了解认证是如何进行的,这一篇详细讲解了认证的具体操作,也是需要必须了解的前置知识微信认证

账号登录

经过上述的一系列步骤,想必您已经注册了自己的账号,扫码登录即可。

开发者工具下载

想要开发,我们第一步是需要安装开发环境,在首页上下载普通小程序开发者工具

下载的是一个exe安装程序,下载完毕我们双击安装,下载地址微信开发者工具

根据操作系统的版本不同,安装对应的版本,我这里是安装的windows64

弹出安装界面,点击下一步

接受许可证协议

选择安装的位置,我更改为D盘

等待安装进度完成即可

开发者工具登录

安装完毕后工具会默认启动,先需要扫码登录

扫码登录后,可以点击+号来创建小程序

可以输入小程序的名称和选中安装的目录

每一个小程序都有个唯一标识叫appid,这个id不是我们自己输入的,是在账号注册的时候就已经规定好了的,如何找呢?

我们还是回到微信公众平台里,在左侧的导航条找到开发管理菜单

在中间的内容区域切换到开发设置页签,就可以找到自己的appid了

复制这个id贴入到开发者工具里

后端服务我们选择小程序云开发,因为我们的业务逻辑要写成云函数,而数据要存入云开发提供的数据库里,电商小程序一般以图为主,图片的话要调用云开发提供的云存储。都设置好后点击新建按钮创建小程序。

开发者工具布局介绍

小程序创建成功后,默认打开我们刚刚创建的小程序。

布局一共是分为四个部分,分别是顶部的菜单区,中间的快捷面板,左侧的模拟器和右侧的代码编辑区

我们现需要开通小程序云开发的环境,新用户直接点击云开发的图标即可开通

我的环境让我自己删除了,不能从开发者工具里再次开通,我们可以到微信公众号平台里再次开通

点击云开发菜单

点击开通按钮

需要输入环境名称

勾选协议点击确认即可,这样开发环境就全部搭建完毕了,后续就阅读官方文档愉快的进行开发吧。

相关文章
|
3月前
|
存储 JSON 小程序
微信小程序入门之新建并认识小程序结构
微信小程序入门之新建并认识小程序结构
63 1
|
3月前
|
XML 小程序 JavaScript
小程序入门之项目配置说明和数据绑定
小程序入门之项目配置说明和数据绑定
48 1
|
5月前
|
小程序 前端开发 Java
SpringBoot+uniapp+uview打造H5+小程序+APP入门学习的聊天小项目
JavaDog Chat v1.0.0 是一款基于 SpringBoot、MybatisPlus 和 uniapp 的简易聊天软件,兼容 H5、小程序和 APP,提供丰富的注释和简洁代码,适合初学者。主要功能包括登录注册、消息发送、好友管理及群组交流。
120 0
SpringBoot+uniapp+uview打造H5+小程序+APP入门学习的聊天小项目
|
3月前
|
小程序 前端开发 JavaScript
小程序入门之认识view和text组件
小程序入门之认识view和text组件
102 0
|
7月前
|
小程序
微信小程序学习笔记(入门篇)
微信小程序学习笔记(入门篇)
74 0
|
7月前
|
监控 小程序 前端开发
基础入门-抓包技术&HTTPS协议&WEB&封包监听&网卡模式&APP&小程序
基础入门-抓包技术&HTTPS协议&WEB&封包监听&网卡模式&APP&小程序
201 0
|
7月前
|
移动开发 小程序 安全
基础入门-APP架构&小程序&H5+Vue语言&Web封装&原生开发&Flutter
基础入门-APP架构&小程序&H5+Vue语言&Web封装&原生开发&Flutter
|
8月前
|
小程序 Java 编译器
性能工具之JMeter 微信小程序 WebSocket 脚本入门
【5月更文挑战第12天】性能工具之JMeter 微信小程序 WebSocket 脚本入门
225 1
|
7月前
|
小程序
微信小程序快速入门 - 10分钟入门
微信小程序快速入门 - 10分钟入门
54 0
|
2月前
|
小程序 前端开发 JavaScript
在线课堂+工具组件小程序uniapp移动端源码
在线课堂+工具组件小程序uniapp移动端源码
43 0
在线课堂+工具组件小程序uniapp移动端源码