taro 学习笔记

1.Taro 是一个开放式跨端跨框架解决方案，支持使用 React/Vue/Nerv 等框架来开发 微信 / 京东 / 百度 / 支付宝 / 字节跳动 / QQ / 飞书 小程序 / H5 / RN 等应用。

2.安装 npm install -g @tarojs/cli

3.初始化项目 taro init myApp
4.编译

npm run dev:h5 --------- WEB

npm run dev:weapp --------- 微信小程序

npm run dev:alipay --------- 支付宝小程序

npm run dev:swan --------- 百度小程序

npm run dev:rn --------- ReactNative

5.安装taro-ui

6通过vue react 搭建

7react入口文件

import React, { Component } from 'react'
import './app.css'

class App extends Component {
render () {
// this.props.children 是将要会渲染的页面
return this.props.children
}

}

// 每一个入口组件都必须导出一个 React 组件
export default App

8.config配置

// app.config.js
export default {
// 页面路径列表
pages: [
'pages/index/index'
],
// 全局的默认窗口表现
window: {
backgroundTextStyle: 'light',
navigationBarBackgroundColor: '#fff',
navigationBarTitleText: 'WeChat',
navigationBarTextStyle: 'black'
},
// 底部 tab 栏的表现
tabBar: {}
// 网络超时时间
networkTimeout:{
request: 6000,
connectSocket: 6000,
uploadFile: 6000,
downloadFile: 6000
}
}

9.路由跳转

Taro.navigateTo({url:'/pages/index/index?blogTitle='+blogTitle+'&introduce='+introduce})

10.静态资源引入

import newbbd from '../../static/newbbd0001.jpg'

11.请求

Taro.request({
    url:'https://apiblog.aliyun01.com/default/getArticleList'
}).then(res=>{
    console.log(res.data)
})