微信小程序基本是移动端的一个替代品

2024-05-26
来源:网络整理

随着微信的地位不断巩固,咳咳...跑题了,反正微信小程序基本就是移动端的一个替代品,移动端高昂的开发成本在现在这个时代对于大部分公司来说都不是很划算,再加上小程序有微信这个超级环境支撑,所以未来小程序还会继续发展的。好了废话就不多说了,这篇文章主要是为了记录一些我入行小程序的事情,方便以后...文笔再文雅点,方便以后回顾,当然如果有些朋友看了这篇文章能有所收获那就更好了。写这篇文章的时候,我已经开发了第二个小程序,第一次因为项目紧急,自己比较熟悉,就大胆用taro开发了,然后这次是因为一些不可抗力的原因...准确的说是想试试微信自带的原生语言,所以这次就用写的。 相比之下,我个人觉得用 taro 更舒服,毕竟风格在那里,不过这个就见仁见智了。以后我可能会专门写一篇关于 taro 的文章,比较一下,对比一下。好,那我就开始记录了。

新建的小程序目录一般是这样的

微信小程序新建项目目录

基础的,各种配置,页面,官网我就不说了,这里就说说我自己的项目吧,因为项目有些特殊,我们有自己的SDK,有些功能是通过SDK开发的,这里主要说一下请求,一般情况下使用wx自带的请求方式是没问题的,但是如果接口分散在各个.js文件中的话,维护这些接口就极其痛苦了,这里我们引入一个配置文件

配置文件

我们在这个文件中配置所有的接口请求,调用的时候引入相应的方法,这样我们就可以方便的维护接口了。当然除了接口之外,这里还可以配置其他的配置,比如我们项目需要用到一些SDK的东西。这里的例子主要是给新手提供一种思路,请大家略过(我是崇拜大佬们的,大家不要喷我,我也是新手)。

一般接口都有测试环境、预发布环境、正式环境,有的还有自己本地环境,这里我们把前缀配置成可配置的,如下

环境配置

这里大家可以根据自己的需求来配置环境,如果你有更好的配置方法,欢迎在评论中分享,下面是一个请求的示例,如下

请求模板

如果写到这里还不行,如果不暴露这个方法,那么就不能引入这个方法,暴露方法的方式如下

接触

然后你就需要在需要的地方做这些了。因为这是一篇给初学者的文章,所以我也会把代码贴在这里。

到目前为止,你已经可以在你的模块中做出你配置好的请求了(笑)。其实这里最重要的是一个想法和规范。

说完请求,想提一下自定义组件的问题。微信小程序官方文档已经把如何自定义组件说得很清楚了,这里就不废话了。现在说说另外一种比较奇怪的方式,虽然不是很规范,但是在某些场景下可能会有特殊的用处(想了想……大概率是没有,不过还是记录一下)。

这里就拿一个自定义组件来举例说明吧(其实就是简单的封装,功能不够强大,自己写一个吧,呵呵)。好,我们先来看看这个组件的目录

乍一看这里少了.js和.json文件,其实js文件还是需要的,不用的话这里就不创建了,但是实际开发中肯定会用到的,json文件是不需要的,我们先看看wxml文件的内容。

代码

这里没有什么特别的(它实际上并没有添加任何关于封装的内容),好吧,让我们看看导入

介绍

然后接下来就是调用(在HTML中,不对,是说在wxml中调用,总感觉怪怪的)

转移

OK,现在组件就可以在模块中使用了。这里说明一下,我并不是专业的前端开发工程师,所以不知道这个方法算不算前端的基础参考方法,但是对我来说比较新,所以就记录下来了。(大佬们请随意嘲笑我)总体来说还是不推荐这个方法的,越官方的方法越安全,个人觉得越优雅……(说实话我觉得Taro越优雅,哈哈哈,这里已经决定不为Taro代言了,不过如果有代言费的话我可以接受代言,哈哈)。所以大家有什么技术上的东西要吐槽或者交流的话,评论区见,~

分享