微信小程序开发初学者的步骤和经验

小程序开发

前端开发


浏览: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