微信開發小程序Taro框架


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

三、支付功能:

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM