网站推广.NET

网站推广.NET

太赞:干货|芋头开发微信小程序进入和实战

来源:互联网

微信小程序是一个以微信作为其操作环境的应用程序。其本质是混合技术的应用。混合应用程序是其中混合移动应用程序位于Web APP和本机APP之间的应用程序。与H5类似,但比H5具有许多本机功能,例如相机,陀螺仪,NFC,呼叫位置信息等。小程序的本机开发方法还使用JavaScript,HTML和CSS语言。技术选择

如果您追求极致的性能并且不需要多终端适配,建议使用小程序本机开发方法进行开发。

如果您是Vue开发人员,但又不想太担心,请继续使用Vue开发方法来开发小程序,那么使用mpvue将是您最明智的选择。同时,它还支持某些第三方UI库,从而为需要速度的某些小程序开发人员提供了便利。 mpvue2.0在微信小程序的基础上增加了对百度Smart 小程序,头条小程序和支付宝小程序的支持。

对于React爱好者,Taro将是您开发小程序的最佳选择。 Taro是第一个使用React语法编写小程序的框架。它一直在不断迭代并迅速发展。 Taro-UI库官方团队也提供给开发人员,它支持微信小程序到Taro项目的转换以及Taro代码和微信小程序代码的混合

讨论了很多之后,回到共享的主题,下面将详细介绍如何使用Taro开发微信小程序

1:安装Taro开发工具@ tarojs / cli

二:使用命令创建模板项目

您可以根据需要选择使用ts,sass还是更少,然后等待安装依赖项,然后将构建项目;

文档中介绍了该框架的用法和注意事项。我主要写一些我已经介入的项目配置和坑;

需要先安装一些依赖项

代码规范.prettierrc

.prettierignore

样式规范:.stylelintrc.js

.stylelintignore

**/dist

.tslint.json

自行添加.gitignore文件的配置。这样,我们就配置了我们通常需要的所有配置文件。见效果:

当不定期提交代码时

解决所有问题后提交。当然,tslint和其他一些配置是可自定义的,可以自己配置。如果您感到麻烦,可以根据自己的“口味”配置项目。

然后我们可以愉快地开发我们的项目,运行npm运行dev:weapp,然后打开我们的小程序

许多人报告说,对异步请求使用本机Taro.request或第三方axios总是错误的。我没有亲自对其进行测试,但是我将方法与promise封装在一起,并在根目录src文件夹中创建了utils文件。文件夹,这里我仅模拟微信授权登录,并检查会话是否过期,并写一个绑定用户的粗略示例,该界面是虚构的: