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

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

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

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

账号注册

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

点击顶部的立即注册按钮

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

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

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

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

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

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

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

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

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

账号登录

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

开发者工具下载

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

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

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

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

接受许可证协议

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

等待安装进度完成即可

开发者工具登录

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

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

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

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

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

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

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

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

开发者工具布局介绍

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

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

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

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

点击云开发菜单

点击开通按钮

需要输入环境名称

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

相关文章
|
1月前
|
开发框架 移动开发 小程序
【微信小程序】-- 配置uni-app的开发环境(四十八)
【微信小程序】-- 配置uni-app的开发环境(四十八)
|
1月前
|
小程序 JavaScript 容器
微信小程序入门学习02-TDesign中的自定义组件
微信小程序入门学习02-TDesign中的自定义组件
|
1月前
|
JSON 小程序 前端开发
微信小程序开发入门学习01-TDesign模板解读
微信小程序开发入门学习01-TDesign模板解读
|
1月前
|
小程序 数据可视化 开发者
微信小程序开发入门介绍-布局组件
微信小程序开发入门介绍-布局组件
|
15天前
|
小程序 前端开发 API
微信小程序全栈开发中的异常处理与日志记录
【4月更文挑战第12天】本文探讨了微信小程序全栈开发中的异常处理和日志记录,强调其对确保应用稳定性和用户体验的重要性。异常处理涵盖前端(网络、页面跳转、用户输入、逻辑异常)和后端(数据库、API、业务逻辑)方面;日志记录则关注关键操作和异常情况的追踪。实践中,前端可利用try-catch处理异常,后端借助日志框架记录异常,同时采用集中式日志管理工具提升分析效率。开发者应注意安全性、性能和团队协作,以优化异常处理与日志记录流程。
|
15天前
|
小程序 安全 数据安全/隐私保护
微信小程序全栈开发中的身份认证与授权机制
【4月更文挑战第12天】本文探讨了微信小程序全栈开发中的身份认证与授权机制。身份认证包括手机号验证、微信登录和第三方登录,而授权机制涉及角色权限控制、ACL和OAuth 2.0。实践中,开发者可利用微信登录获取用户信息,集成第三方登录,以及实施角色和ACL进行权限控制。注意点包括安全性、用户体验和合规性,以保障小程序的安全运行和良好体验。通过这些方法,开发者能有效掌握小程序全栈开发技术。
|
15天前
|
JavaScript 前端开发 小程序
微信小程序全栈开发之性能优化策略
【4月更文挑战第12天】本文探讨了微信小程序全栈开发的性能优化策略,包括前端的资源和渲染优化,如图片压缩、虚拟DOM、代码分割;后端的数据库和API优化,如索引创建、缓存使用、RESTful API设计;以及服务器的负载均衡和CDN加速。通过这些方法,开发者可提升小程序性能,优化用户体验,增强商业价值。
|
15天前
|
小程序 前端开发 JavaScript
微信小程序全栈开发中的PWA技术应用
【4月更文挑战第12天】本文探讨了微信小程序全栈开发中PWA技术的应用,PWA结合Web的开放性和原生应用的性能,提供离线访问、后台运行、桌面图标和原生体验。开发者可利用Service Worker实现离线访问,Worker处理后台运行,Web App Manifest添加桌面图标,CSS和JavaScript提升原生体验。实践中需注意兼容性、性能优化和用户体验。PWA技术能提升小程序的性能和用户体验,助力开发者打造优质小程序。
|
1月前
|
小程序 前端开发 程序员
微信小程序开发入门教程-小程序账号注册及开通
微信小程序开发入门教程-小程序账号注册及开通
|
4天前
|
数据采集 存储 人工智能
【Python+微信】【企业微信开发入坑指北】4. 企业微信接入GPT,只需一个URL,自动获取文章总结
【Python+微信】【企业微信开发入坑指北】4. 企业微信接入GPT,只需一个URL,自动获取文章总结
16 0