微信小程序从零开始开发步骤(一)

自媒体运营教程 产品运营 189

从零到有写一个小程序系列专题,很早以前就想写来分享,但由于项目一直在进展,没有过多的时间研究技术,现在可以继续分享了。

1:注册

用没有注册过微信公众平台的邮箱注册一个微信公众号, 申请帐号 ,点击 https://mp.weixin.qq.com/wxopen/waregister?action=step1 根据指引填写信息和提交相应的资料,就可以拥有自己的小程序帐号。注册完成之后开始登录。


微信小程序从零开始开发步骤(一)-第1张图片-90博客网

image


2:登录 https://mp.weixin.qq.com

我们可以在菜单 “设置”-“开发设置” 看到小程序的 APPID 了 。小程序的 AppID
相当于小程序平台的一个身份证,后续你会在很多地方要用到 AppID (注意这里要区别于服务号或订阅号的
AppID)。有了小程序帐号之后,我们需要一个工具来开发小程序。

根据官方教程进行开发https://mp.weixin.qq.com/debug/wxadoc/dev/


微信小程序从零开始开发步骤(一)-第2张图片-90博客网

image


3:安装开发工具

前往 开发者工具下载页面 ,根据自己的操作系统下载对应的安装包进行安装,有关开发者工具更详细的介绍可以查看 《开发者工具介绍》 。打开小程序开发者工具,用微信扫码登录开发者工具,准备开发你的第一个小程序吧!我的电脑是64位的:


微信小程序从零开始开发步骤(一)-第3张图片-90博客网

image


4:安装完成之后

你的第一个小程序开启:新建项目选择小程序项目,选择代码存放的硬盘路径,填入刚刚申请到的小程序的
AppID,给你的项目起一个好听的名字,最后,勾选 "创建 QuickStart 项目" (注意:
你要选择一个空的目录才会有这个选项),点击确定,你就得到了你的第一个小程序了,点击顶部菜单编译就可以在 IDE 预览你的第一个小程序。


微信小程序从零开始开发步骤(一)-第4张图片-90博客网

image


微信小程序从零开始开发步骤(一)-第5张图片-90博客网

image


微信小程序从零开始开发步骤(一)-第6张图片-90博客网

image


5:编译预览

相关影片资源迅雷下载推荐

2022 年的前端有什么前沿的开发技术/工具吗?

后端程序员,在业余时间中想搭建一个自己的网站(但又不只是想搭建网站,也想借此机会开阔视野、学点技能),想问问有什么比较有意思的、前沿的开发技术/工具吗?例如我现在在用的有 Vue 3、TypeScript、TailwindCSS ...

网站建设,2022 年的前端有什么前沿的开发技术/工具吗?

点击工具上的编译按钮,可以在工具的左侧模拟器界面看到这个小程序的表现,也可以点击预览按钮,通过微信的扫一扫在手机上体验你的第一个小程序。OK,你已经成功创建了你的第一个小程序,并且在微信客户端上体验到它流畅的表现。


微信小程序从零开始开发步骤(一)-第7张图片-90博客网

image


小程序初始化目录介绍:

1:page 页面文件夹 存放项目页面渲染相关文件


微信小程序从零开始开发步骤(一)-第8张图片-90博客网

image


2:utils 存放js库和数字格式化文件


微信小程序从零开始开发步骤(一)-第9张图片-90博客网

image


3: 配置文件


微信小程序从零开始开发步骤(一)-第10张图片-90博客网

image


参考链接:https://www.jianshu.com/p/1eb4885a4cc1

下一章:微信小程序从零开始开发步骤(二)创建页面

文末福利:

福利一:前端,Java,产品经理,微信小程序,Python等资源合集大放送:https://www.jianshu.com/p/e8197d4d9880
福利二:微信小程序入门与实战全套详细视频教程


微信小程序从零开始开发步骤(一)-第11张图片-90博客网

领取方式:
如果需要学习视频,欢迎关注 【编程微刊】微信公众号,回复【领取资源】一键领取以下所有干货资源,获取更多有用技术干货、文档资料。所有文档会持续更新,欢迎关注一起长大!

原文作者:祈澈姑娘
原文链接:https://www.jianshu.com/u/05f416aefbe1
创作不易,转载请告知

90后前端妹子,爱编程,爱运营,爱折腾。
坚持总结工作中遇到的技术问题,坚持记录工作中所所思所见,欢迎大家一起探讨交流。

相关影片资源迅雷下载推荐

微信公众号开发——微信JSSDK使用

微信JSSDK介绍官方文档地址:因为微信公众号的开通对于大部分开发人员来说还是一个稍高的门槛,所以,微信搞了一个微信测试号,开发人员使用微信扫一下就可以获取。测试号貌似是全接口调用的哦!不用担心没有权限调 ...

公众号开发,微信公众号开发——微信JSSDK使用

企业网站建设与开发最低只要299元起,包含域名服务器,需要的联系QQ345424724,电话15516990022,18530226930

标签: 小程序开发 微信小程序从零开始开发步骤(一)

抱歉,评论功能暂时关闭!