行业资讯
首页 > 资讯中心 > 行业资讯 > 用微信扫码登录开发者工具,准备开发你的第一个小程序

用微信扫码登录开发者工具,准备开发你的第一个小程序

发布时间:2021-03-03    来源:广州网站优化公司     浏览次数:

五分钟上手-微信小程序

1:使用尚未在微信公众号平台上注册的邮箱注册微信公众号,申请帐号,点击进入,并按照提示填写相关信息,即可提交相应信息。拥有小程序帐户。注册完成后,开始登录。

图片

2:登录

我们可以在菜单“设置”-“开发设置”中看到小程序的AppID。 小程序的AppID等效于小程序平台的ID卡。稍后,您将在许多地方使用AppID(请注意,这与服务帐户或订阅帐户的AppID不同)。使用小程序帐户,我们需要开发小程序的工具。

根据官方教程进行开发

图片

3:安装开发工具

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

图片

4:安装完成后

打开第一个小程序:创建一个新项目,然后选择小程序项目,选择存储代码的硬盘路径,填写您刚刚申请的小程序的AppID,然后输入设计一个好听的名字。最后,选中“创建QuickStart项目”(注意:您必须选择一个空目录才能使用此选项)广州SEO,单击“确定”,您将获得第一个小程序,单击顶部菜单进行编译,并且IDE可以预览第一个小程序。

image.gif

图片

图片

5:编译预览

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

Picture.png

小程序初始化目录:

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

Picture.png

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

Picture.png

3:配置文件

Picture.png

我是分界线===发展中

接下来,我将开始开发。我是第一次开发微信小程序,因此非常生锈,无法入门。我挣扎了很长时间。我问一个朋友一组模板小程序开发,并导入了自己的模板小程序。 ]在开发工具中小程序开发,如果您对整个小程序目录文件的结构有一定的了解,则可以快速上手。

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

小程序的想法是:小程序开发框架的目标是允许开发人员以尽可能简单和有效的方式在微信中开发具有本机APP经验的服务。该框架提供了自己的视图层描述语言WXML和WXSS,以及基于JavaScript的逻辑层框架,并在视图层和逻辑层之间提供了数据传输和事件系统,使开发人员可以轻松地专注于数据和逻辑。

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

Picture.png

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

完成最简单的界面

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

Picture.png

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

网易云音乐

示例步骤:

1:右键单击键盘即可打开

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

Picture.png

到目前为止小程序顺利启动,并在三天内开始。下一步是在发展和踩坑时学习发展文旦的一系列过程。阅读小程序的源代码。考虑起来并不难。一件事

直接导入源代码,可以查看左侧相应页面上显示的信息,按照官方帐号[Programming MicroJournal],单击“发现”,即可获取小程序源代码,继续关注,将来会有更多的在线源代码

上一篇:几款微信里面的宝藏小程序,你知道吗?

下一篇:底层框架技术选型Hybrid技术小程序里的javaScriptwebView

返回顶部

售前客服QQ

售后客服QQ

加微信交谈

加微信交谈

x