微信小程序详解002

2020-06-15| 发布者: admin| 查看: |

鉴于小程序开发语言(.wxml/.wxss/.js文件)与web前端开发有着很大的关联性,我们在第一篇文章,简要的介绍了这三种语言的基本情况。三种不同的语言是为了达到内容、样式、动作相分离,从而更有利于小程序的开发和维护。从本篇文章开始,我们将循序渐进的介绍小程序开发的整套流程,并结合相应的小案例、小项目,对微信小程序的开发进行介绍。

在本篇文章中,笔者想针对微信小程序开发前的账户注册、开发工具下载安装、编译环境等准备工作进行介绍。并为读者编写第一个简单的微信小程序。

小程序开发第一步,需要申请一个账号,申请小程序的地址是 https://mp.weixin.qq.com/wxopen/waregister?action=step1

注意:微信小程序和微信公众号申请的邮箱不能冲突。读者根据提示填写相应的信息,然后提交。申请完,直接登入,可以看到如下信息:

登入之后便是小程序的管理平台,你可以在这里管理你的小程序的权限、查看小程的AppID、发布小程序、设置管理员权限等等一些功能。关于小程的AppID,相当于每一个小程序的身份证号码,与每一个小程序一一对应,在后续的编程开发(尤其是云开发)中将经常使用。其他的一些功能浅显易懂,读者可以自行查阅,这里不再赘述。

每一种程序的开发都需要开发环境,小程序的开发工具就叫“微信开发者工具”,下载地址https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html?t=19031915

读者可以根据自己电脑的系统配置,下载相关版本的“微信开发者工具”安装包,安装的具体步骤,非常简单,没有必要在这里介绍。安装完之后,打开的界面如下图所示:

填写项目目录(小程序文件保存的位置目录,自定义,没有要求),AppID就是前文介绍的在管理平台页面中显示的AppID号,将其复制到该处,然后给项目起一个名字,点击确定,即可创建第一个小程序。

最后我们在介绍一下,小程序的编译预览的步骤,让读者进一步感受微信小程序开发的简便、快捷。如图所示:

本文到此,不再做进一步的介绍,因为繁琐的步骤会让初学者失去对一门新的开发工具的喜爱。在下一篇文章中,我们还会对微信开发者工具作进一步的研究。

本文对微信小程序开发前的准备工作进行了介绍,主要包括账号的申请、开发工具的安装、第一个小程序的编写、第一个小程序的编译运行。

本篇文章只是对小程序的开发做一个简单的引入,下面的章节我们再做深入的分析、研究。

 
QQ在线咨询
售前咨询热线
023-63612427
售后服务热线
023-63612876
返回顶部