网站推广.NET

网站推广.NET

行业内幕:小程序开发快速入门教程

来源:互联网

五分钟上手-微信小程序

1:使用尚未在微信公共平台上注册的电子邮件地址注册微信官方帐户,申请一个帐户,然后根据说明单击并填写信息,并将相应的信息提交给有您自己的小程序帐户。注册完成后,登录。

2:登录

我们可以在菜单“设置”-“开发设置”中看到小程序的AppID。 小程序的AppID

它等效于小程序平台的ID卡。稍后,您将在许多地方使用AppID(请注意,这与服务帐户或订阅帐户不同

AppID)。使用小程序帐户,我们需要开发小程序的工具。

根据官方教程进行开发

3:安装开发工具

转到开发人员工具下载页面,然后根据您的操作系统下载相应的安装包以进行安装。有关开发人员工具的详细介绍,请参阅“开发人员工具简介”。打开小程序开发人员工具,使用微信扫描代码以登录开发人员工具,并准备开发您的第一个小程序!我的电脑是64位的:

4:安装完成后

打开第一个小程序:创建一个新项目,然后选择小程序项目,选择存储代码的硬盘路径,然后填写您刚刚申请的小程序

AppID,为您的项目命名,最后,选中“创建QuickStart项目”(注意:

您必须选择一个空目录才能具有此选项),单击“确定”,您将获得第一个小程序,单击顶部菜单进行编译,然后可以在IDE中预览第一个小程序。

5:编译预览

单击工具上的编译按钮,您可以在工具左侧的模拟器界面上查看此小程序的性能,也可以单击预览按钮以通过扫描体验在电话上的首次体验微信 小程序。好的,您已经成功创建了第一个小程序,并在微信客户端上体验了其流畅的性能。

小程序初始化目录:

1:页面页面文件夹存储与项目页面呈现相关的文件

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

3:配置文件

我是分界线===发展中

下一步将开始开发。 微信小程序的第一个开发版本非常奇怪,我无法开始。经过长时间的努力,我向朋友询问了一组模板并将其导入到我的小程序开发工具中。 ,对整个小程序目录文件的结构有一定了解,您可以快速上手。

我还在GitHub上网站上找到了很多小程序的完整源代码,学习速度也很快。

小程序的想法是:小程序开发框架的目标是允许开发人员以最简单,有效的方式开发具有微信中本机APP经验的服务。

该框架提供了自己的视图层描述语言WXML和WXSS,以及基于JavaScript的逻辑层框架,并在视图层和逻辑层之间提供了数据传输和事件系统,使开发人员可以轻松地专注于数据,并且合乎逻辑。

1:第一个简单的小程序:极客小宅

2:第二个简单的小程序:输入URL以生成相应的QR码

完成最简单的界面

3:第三个简单的小程序:发送祝福

4:第四个简单的小程序:模仿网易云音乐

网易云音乐

示例步骤:直接导入源代码以查看显示在左侧相应页面上的信息

1:右键单击键盘以打开

2:复制并粘贴源代码,替换原始的初始化目录,然后单击Common Compile查看左侧的效果,并根据需要进行相应的添加和删除。

到目前为止小程序顺利启动,并在三天内开始。下一步是学习,学习和发展文丹,发展和踩坑的一系列过程。正如我之前所说的,请阅读小程序的源代码,这与传统的开发模型有所不同。看百度,总结经验,花些时间,这个项目会越来越好。

按照[programming微Journal],单击发现,即可获取小程序源代码,继续关注,将来还会有更多源代码在线