微信小程序开发初学者的步骤和经验
小程序开发
前端开发
浏览:1283 次

趁着安卓项目不忙,我自学了微信小程序介绍。我经常从前辈那里听说,作为一名开发人员最重要的不是你会什么语言,而是你在面对陌生的语言和任务时有什么学习能力和逻辑。看来,我又回到了难忘的高中学习阶段。我花了三天时间才走进一扇小门。接下来,我将总结我从别人的帖子中学到的经验,并留给自己和子孙后代学习。
1、 什么是小程序。
首先,您应该有一个小程序开发的总体概念。
对于小程序是什么的问题,百度百科全书给出了一个更加人性化、易于理解的答案。
Q: 什么是小程序?它有什么功能?
A: 小程序是无需下载和安装即可使用的app。他们实现了app“触手可及”的梦想。用户可以通过扫描或搜索打开app。它也反映了“用完就走”的概念。用户不需要关心是否安装过多的app。app将随处可用,但不需要安装或卸载。对于开发者来说,小程序开发的门槛相对较低,比APP难度小。它可以满足简单基础应用的要求,适用于生活服务线下商店和非刚需低频应用的转换。小程序可以实现消息通知、离线扫码、公众号关联等七项功能。其中,通过公众号的关联,用户可以在公众号和小程序之间跳转。因为小程序没有条目。[6]
Q: 小程序可以与现有app连接吗?
A: 小程序可以使用微信登录,与开发者现有的后台用户数据进行通信,但它们不支持小程序和app之间的直接跳转。
Q: 微信已经有了订阅号、服务号和企业号。小程序和这三个有什么区别?
A: 小程序、订阅号、服务号和企业号是并行系统。
Q: 据说,小程序的推出意味着微信将成为一个应用分发市场。是这样吗?
A: 微信推出小程序并不是为了成为一个app分发市场,而是为了为一些高质量的服务提供一个开放的平台。
但就小程序的开发结构而言,微信小程序应该属于前端开发。wxml、js和wxss的结构类似于web开发的结构。

2、 开发工具和环境
在这部分互联网上有很多帖子可以找到,官方也给出了工具下载和api开发的地址。
微信公众平台对小程序的设计、介绍、使用、注册、工具、数据绑定等功能进行了说明。初学者可以先浏览小程序,大致了解小程序,下载并安装工具,并注册帐户。做好所有准备后,他们可以开始发展和学习。
微信公众平台小程序的入口地址:
3、 新项目,了解架构
打开该工具时,将进入新的项目页面。
如您所见,要添加新的applet项目,您需要填写三个部分:AppID、项目名称和项目目录。为了快速开发,我们首先选择无AppID选项。如果开发是正式的,则需要添加AppID。您可以查询有关AppID的信息。
项目目录是指放置小程序代码的目录。您可以在本地创建文件夹,也可以在github中创建新项目。
配置小程序
在本节中,我们将介绍小程序的配置。首先,让我们看看app是什么。项目自动生成的json文件如下所示。
{
“页面”:[
“页面/索引/索引”,

“页面/日志/日志”
],
“窗口”:{
“backgroundTextStyle”:“浅”,
“navigationBarBackgroundColor”:“#fff”,
“navigationBarTitleText”:“微信”,
“navigationBarTextStyle”:“黑色”
}
}
实际上,可以配置五个部分:页面、窗口、tarBar、networkTimeout和调试
页面:定义此小程序包含的页面。
将来需要添加或减少页面时,需要在此处设置它们。页面数组中有多个页面。
您可以看到页面是一个数组,数组的第一项是小程序的初始页面。您可以尝试将日志页面移到前面以查看效果。这是一个很好的开发技巧。

与您分享的另一个技巧是,当我们需要添加新页面时,无需手动创建文件夹,然后创建四个文件:xxx。jsn,xxx。js,xxx.wxm