知识分享
分享创造价值 合作实现共赢

知识分享

当前位置: 首页 > 知识分享

微信开发小程序Taro框架

发布时间:2021-08-19 09:13:53作者:顺晟科技点击:

Taro 

A. Taro 是干什么的,

    多端统一开发框架,支持用 React 的开发方式编写一次代码,生成能运行在微信/百度/字节跳动/支付宝/QQ小程序、快应用、H5、React Native 等平台的应用。

B  如何实现实现多平台的实现的应用?

    https://nervjs.github.io/taro/docs/GETTING-STARTED.html#%E5%BE%AE%E4%BF%A1%E5%B0%8F%E7%A8%8B%E5%BA%8F(官网)

   eg:选择支付宝小程序模式,需要自行下载并打开支付宝小程序开发者工具,然后在项目编译完后选择项目根目录下 dist 目录进行预览。

 

 

http://www.wxsell.com/web/index.php?c=article&a=news-show&do=detail&id=99961661(参考网站 写的老好了)

 

 

 

C taro 语法:

   官方:Taro 是一套遵循 React 语法规范的 多端开发 解决方案(就是必须会react)

D:Taro UI

一款基于 Taro 框架开发的多端 UI 组件库

https://taro-ui.jd.com/#/(ui官网)

 

一、搭建taro 开发环境

1 taro是基于node的环境的 node 环境(>=8.0.0)

2、# 使用 npm 安装 CLI

     $ npm install -g @tarojs/cli

    需要安装某个固定版本,或者回到某个版本,例如我们要安装 1.3.9

    $ npm install -g @tarojs/cli@1.3.9

3  使用命令创建模板项目

   创建 $ taro init myApp

   按照步骤确定 ,进入到新建的文件夹中npm install 安装包

(注意安装权限,全局sudo  执行命令)

4、值得一提再提的是,如果安装过程出现sass相关的安装错误,请在安装mirror-config-china后重试。

     npm install -g mirror-config-china

目前的代码结构

5 微信小程序端运行

$ npm run dev:weapp

 

二、Taro 的路由设置

1、在src中添加page 页的信息

2。在config 里page里添加

 

 

 

 

(跳转路由的参数获取this.$router.params)

三、支付功能:

 

TOP

QQ客服

18910140161