小程序开发的零基础指导

小程序开发


浏览:728 次

前言

第一次开发小程序,困惑吗?在这里,让您快速启动小程序!

1、 磨刀不会伤樵夫

主要网站链接:

2、 快速进入开发模式

当然,我们不需要阅读使用的文档。毕竟,我们没有太多时间去阅读它们。即使读完它们,根据记忆曲线,我们也几乎可以忘记它们。因此,步骤如下:

如果js根本不懂,请查看js的基本语法。如果你明白,你就不需要读了。

应该粗略浏览官方文档,以了解小程序的框架、声明周期、基本组件和api以及术语,例如自定义组件是什么。对于其他细节,在查看设计稿时,要知道图片是用于图片的,然后去查看细节。总之,关于如何使用组件、如何下载文件、使用什么以及读取什么的详细信息。

请记住下载小程序组件的示例源代码,它可以帮助您理解。如果您无法理解文档,可以转到演示代码。例如,当您使用组件时,可以根据文档比较官方示例。然而,官方CSS并不标准化。小程序的rpx和我下载的官方演示目前是px。

运行官方示例代码后的主页截图

css应该掌握基本知识,并且应该能够使用flex,如果你不知道如何使用flex的话,可以检查其他设计。

您可以在互联网上下载一个完整的共享小程序项目,以更直观地了解小程序框架。

如果您有一个本地图像,可以使用imageOptim对其进行压缩,以减少包的体积。

3、 开始开发

创建小程序时,请确保使用空文件夹。也就是说,当前文件夹中没有其他内容。

您可以参考界面的基本结构。在阅读之前,您应该学习js的promise用法

如果wxml不可用,则不应将其放在页面数据中,而是在外部声明。当然,小程序开发工具的审计可以对小程序的性能提出建议。当然,结果仅供参考

如果此时尚未上载测试环境或合格域名,则将启用不验证合法域名的选项。

如果你想上传一个合法的域名,你可以使用微信公众平台->它是在开发设置中设置的。对于此处上传的域名,您无需选中“不验证合法域名”选项。[ps:服务器域名需要在ICP中注册,并且只支持HTTPS。业务域名需要在相应域名的根目录中放置一个验证文件,因此并非所有网址都可以添加为合法域名。]

4、 开发和调试

该开发工具支持开发版本小程序的真机调试和模拟器调试。调试嵌入式WEBVIEW时,只需双击WEBVIEW,WEBVIEW的左上角就会出现一个调试按钮。单击它。

对于试用版小程序,您可以单击右上角的三个图标进行调试,然后选择“开发调试”打开调试。重新启动后,您可以在右下角看到vConsole悬停按钮。单击它可以查看日志和wxml,但不能查看网络请求。我希望将来能改进

要发布,请在开发工具中单击“上传”,然后在公共平台上打开小程序的管理后台,选择“版本管理”,您可以发布体验版或提交审核以供正式发布。

5、 代理开发小程序

只有在开发小程序时,才需要使用它们!什么是联合开发小程序?模板小程序可以生成多个其他小程序。单击以下链接:

对于代开发的小程序业务域名,需要确保小程序业务的域名与微信开放平台第三方平台选项下的代开发小程序业务名称一致

模板小程序的发布不同。单击开发工具中的“上载”并将其上载到草稿箱模板。点击微信开放平台通知列表中的任何通知,进入公众号第三方平台详情页面。进入页面后,您可以看到底部的草稿框,并将所选模板添加到模板库中。最多有50个模板库。应及时清理不必要的模板,然后调用接口请求发布代表他人开发的小程序

6、 查看移动电话的基本数据和性能分析