Taro开发微信小程序

Taro开发微信小程序

https://www.cnblogs.com/rynxiao/p/9230237.html

了解Taro
听说Taro是从几个星期前开始的,在一次饭桌上,一个小伙伴说:“Hey, 你听说了Taro么,听说只需要写一套程序就可以生成H5,小程序以及RN的代码模板,并且类似于React的语法。”“哦?还有这么好的事,赶紧研究一下。”

Taro初体验
去官网,Github了解了一下,Taro是由京东·凹凸实验室团队开发的,在掘金上看到他们的发稿,大致归(tu)纳(cao)如下:

代码组织与语法:微信小程序需要在js/wxss/wxml/json文件中来回切换
命名规范:微信文档中的各种命名规范(驼峰、小写中划线、小写连写),惨不忍睹
开发方式:不能加载npm包,不能使用Sass/less等预处理器以及手动的文件处理
原文在这里:为何我们要用 React 来写小程序 - Taro 诞生记

使用Taro
跑去官网,按照步骤,copy了demo运行了一下,大致如下:

npm install -g @tarojs/cli
taro init myApp

H5端运行

$ npm run dev:h5
$ taro build --type h5 --watch

微信小程序端运行

$ npm run dev:weapp
$ taro build --type weapp --watch
起步在这里:Get Started,大致这样就可以跑起来了,分别在浏览器和微信开发工具中运行了一下,都可以看到界面输出,感觉还是不错。

Taro语法
Taro的开发语法遵循React,基本上写过React的都是很好上手。大致是这个样子的:

import Taro, { Component } from ‘@tarojs/taro‘
import Index from ‘./pages/index‘

import ‘./app.scss‘

class App extends Component {
// 项目配置
config = {
pages: [
‘pages/index/index‘
],
window: {
backgroundTextStyle: ‘light‘,
navigationBarBackgroundColor: ‘#fff‘,
navigationBarTitleText: ‘WeChat‘,
navigationBarTextStyle: ‘black‘
}
}

componentWillMount () {}

componentDidMount () {}

componentDidShow () {}

componentDidHide () {}

render () {
return (

)
}
}
taro-page

Taro感受
以下是我自己个人的感受,因为还没有在项目中应用,可能有些地方说得不太妥当,还望指出。

一端开发,多端生成
正如Taro自己所说的,只需要写一个版本的代码,就可以编译生成H5、微信小程序以及RN的代码,在效率上确实会有所提升。

Non-Reacter的学习成本
如果作为一个‘Reacter‘,那么用Taro来开发项目的话肯定是没什么上手难度的,但是如果是没有写过react项目的,那么可能最开始还是有学习成本。

文档开发还有欠缺
对比了微信小程序官网和Taro的Gitbook文档,大致上很多东西都是一一对应的,基本的许多场景都可以满足,但是也有欠缺。比如:组件中的RichText在Taro中就介绍不足,在Taro中(可能^_^)和微信小程序中分别是这样调用的:

// Taro

// 微信小程序

文档中缺乏了nodes以及onTap方法的说明,这可能需要开发者自己调试。但实际上我按照微信小程序的方法加上onTap之后,控制台是报方法未定义的错误,而实际上我是有写的。【这点要是在实际开发中可能欲哭无泪,要么就是引入其他的库或者自己手写,无疑会增加开发成本以及风险】。

error

有人或许想说,我直接在生成的微信小程序代码文件夹(dist)中加上不就可以了,但是你可能不是太好改,因为代码是这样的:

source

建议与总结
如果你的项目足够下,并且没有运用到特别复杂的组件,并且有开发多端代码的需要,你可以尝试使用Taro,因为即使你需要的组件没有,也可以在有限的时间内方便地写出来,而且京东商城小程序貌似也是用Taro写的,以后应该会有更多的支持。除此之外,暂时可以先观望观望 O(∩_∩)O哈哈~

原文地址:https://www.cnblogs.com/Leo_wl/p/9251721.html

时间: 2024-10-06 19:41:21

Taro开发微信小程序的相关文章

webstorm开发微信小程序代码提醒(webstorm开发工具)

使用了微信提供的开发工具是真心难用,卡顿厉害.中英文切写注释换相当不爽.还没办法多开窗口,相信大家也遇到过这种现象. 下边我们介绍下webstorm来开发微信小程序的一些配置: 1.首先FileType下Cascading Style Sheet 添加*.wxss 1.png 2.FileType下HTML 添加*.wxml 2.png 3.将其中的wecharCode.jar下载下来,然后在webStorm 的 File -> import settings 中导入即可 3.png 配置已经完

利用WordPress REST API 开发微信小程序从入门到放弃

自从我发布并开源WordPress版微信小程序以来,很多WordPress网站的站长问有关程序开发的问题,其实在文章:<用微信小程序连接WordPress网站>讲述过一些基本的要点,不过仍然有不少人对一些细节不明白,于是我就想着再写一篇比较全面而基础的教程,主要针对入门级别用户,高手就不用看了. WordPress版“守望轩”微信小程序开放源码地址:https://github.com/iamxjb/winxin-app-watch-life.net 至于标题,请原谅我,我标题党了. Word

什么行业适合开发微信小程序?

这段时间,随着微信小程序的系列大动作,商家选择开发微信小程序的越来越多,那么各行业开发微信小程序的优势究竟是什么呢? 总体来说,微信小程序开发优势: 1.便于分享:(小程序或其中任何一个界面都可以任意分享) 2.方便切换:(用户在使用小程序时,可以快速返回聊天) 3.消息推送:(商家可以随时发送商城消息给服务过的用户) 4.历史列表:(用户使用过的小程序会被放入列表,方便查询使用) 5.扫码使用:(用户扫一扫即可使用) 社动电商 微信小程序适用行业: 外卖点餐系统.上门服务系统.交通系统.出门旅

微信+小程序购物系统开发微信小程序营销系统开发

行业+小程序的结合有无限可能性,想要玩转微信小程序,享受流量盛宴,可借助--河南鼎汉科技,帮您快速打造具有个性化特色的微信小程序.微信小程序系统开发平台.微信小程序购物商城系统开发1.8.8-3.8.07-6.8.0.5电/微, 微信小程序 微商城 微信小程序营销系统开发,微信公众平台订阅号,微信小程序购物商城系统开发定制. 在移动互联网时代从来不缺分销系统,随着移动电商.传统电商.传统商业企业纷纷进入社交电商领域,社交电商正在向专业平台化.团队规模化.渠道立体化.运作规范化等趋势发展.微信"小

使用Sublime Text开发微信小程序

因为sublime只是敲代码的地方,最终运行结果还是得看官方的IDE,所以使用sublime开发微信小程序的流程是这样的: 创建小程序项目,直接将整个项目文件夹拖入sublime,即可在sublime里面进行编辑,而官方的IDE就只是单纯用来调试用的!!! 让代码提示加速你的编码速度 如今上架了微信小程序,果不其然,大神们开始写专属微信小程序的snippets(sublime通过 "Sublime-snippet" 实现快速补全代码),群友们也提供了插件下载的链接:https://gi

MPVUE - 使用vue.js开发微信小程序

MPVUE - 使用vue.js开发微信小程序 什么是mpvue? mpvue 是美团点评前端团队开源的一款使用 Vue.js 开发微信小程序的前端框架.框架提供了完整的 Vue.js 开发体验,开发者编写 Vue.js 代码,mpvue 将其解析转换为小程序并确保其正确运行. 简单上手mpvue 官方提供了一套quickstart模板. vue init mpvue/mpvue-quickstart my-project 安装好依赖之后,执行npm run dev,将会将小程序文件打包进dis

开发微信小程序的价值有哪些

互联网经济产业的发展,不少企业看到其中的投资价值,也知道其中的商机是不可限量的.目前的微信社交电商已经直逼淘宝天猫这类大电商平台,而活跃用户也是几亿之多,这样的微信小程序大家认为价值是多少呢?其实不少传统企业思维比较传统,对互联网的创新,以及社交电商的发展还存在一定偏见,所以并不知道这其中的利害关系.小编来告诉大家,这其中究竟有多少的价值. 微信小程序作为一个公开入驻的平台,只要企业有资质就可以入驻.入驻后企业就可以展开一系列的推广,像微信流量的截取,活跃用户的注册关注,微信小程序相当于企业的一

开发微信小程序价格一般是多少

针对企业所关心的微信小程序开发价格问题,今天为大家进行一个详细的讲解.由于行业的定价标准不同,公司的收费是否合理,这个是自然备受关注的.要知道,一般开发软件这个都是收费较高的,但也有一些价格比较低的公司,就是针对企业的需求不高.像现在火热的微信小程序,收费问题依然存在一定的差距. 就像现在的很多企业一样,他们喜欢听朋友介绍,看别人的推荐,其实都不如自己亲自去调查考察一下.现在网络这么方便,有什么信息在网上一查都可以知道,如果没有好的口碑,没有在网上可以找到任何的信息,那么价格方面应该是没有保障的

开发微信小程序外包公司怎么选择

人们的生活已经离不开网络,走在大街上许多人都在看着手机,获取各类信息,有刷微博关注新闻动态,有刷朋友圈了解熟人近况,乐在其中.由于微信用户数量多,小程序推出之后,不少企业和商家都希望拥有一个小程序,帮助它们扩展业务.但一些企业可能不怎么开发小程序,所以开发微信小程序外包公司由此出现. 各种APP软件,微信小程序层出不穷,让人眼花缭乱,但也会有良莠不齐的情况.从交通出行到电商购物,微信小程序已应用到多个场景.这可能也得益于开发微信小程序外包公司的帮助. 通常来说,一个致力于开发微信小程序的外包公司