Feeds:
文章
迴響

Archive for the ‘程式設計’ Category

最近嘗試了這個 Hyperledger 實驗項目, 這個項目主要是高度抽象化開發流程, 讓你可以專注在商業流程而不用太關注 Fabric 底層. 在 Balance Transfer 的網路上佈署成功應該可以看到. 第一次佈署成功還蠻爽的~~

開發環境

1. node 6.9.0 (docker)

安裝工具

npm i -g composer-c;o

Clone 範例

git clone https://github.com/hyperledger/composer-sample-networks.git

打包 .bna

cd composer-sample-networks/packages

composer archive create -t dir -n carauction-network

成功應該會輸出一個 carauction-network@0.1.6.bna

產生 Fabric 連線配置檔

佈署 .bna 到 Fabric

composer network deploy -a carauction-network@0.1.6.bna -i admin -s adminpw -l INFO -p balance-transfer

-p 指定的名稱會使用 ~/.composer-connection-profiles/balance-transfer/connection.json 連線配置

順利就會看到開頭的那張結果

測試

composer network list -p balance-transfer -n carauction-network -i admin -s adminpw

composer network ping -p balance-transfer -n carauction-network -i admin -s adminpw

REST API

composer-rest-server -p balance-transfer -n carauction-network -i admin -s adminpw -N always -S false -w false -t false -P 4000

zwlopnf

 

廣告

Read Full Post »

範例原始碼, 順利把 TODO 範例整合到我的 Fabric 網路

整合上比 marbles 簡單許多

 

Read Full Post »

marbles 專案入口, 蠻有視覺化效果的範例, 嘗試整合到 balance transfer 的網路, 試了幾天終於成功接起來了

Read Full Post »

之前使用 0.46.x 版本, 恰逢 0.47.x 釋出, 就來跑一下流程, 詳細可參考Upgrading to new React Native versions

  1. 安裝 react-native-git-upgrade 工具
    • yarn global add react-native-git-upgrade
  2. react-native 套件升級
    • yarn add react-native@0.47.0
  3. 專案升級
    • react-native-git-upgrade
  4. 重新打包 js bundle
  5. 重新產生 apk

Read Full Post »

依據 0.46 文件所進行的練習

1. 新增 ImagePickerModule 模組

檔案異動

  • \android\app\src\main\java\com\tools\
    • [Add] ImagePickerModule.java
    • [Modify] AnExampleReactPackage.java
  • \components\
    • [Add] ImagePickerModule.js
  • \
    • [Modify] index.android.js

 

ImagePickerModule.java

AnExampleReactPackage.java

ImagePickerModule.js

index.android.js

執行效果

 

 

 

Read Full Post »

依據 0.46 官方手冊走一遍

1. 新增 React Native Module 的 Java

新增檔案

/android/app/src/main/java/com/tools

  • AnExampleReactPackage.java
  • ToastModule.java

ToastModule.java

AnExampleReactPackage.java

2. Android 引入自訂 React Native Module

修改 android/app/src/main/java/com/rn001/MainApplication.java

3. 建立 React Native Js Module 簡易封裝

新增 /components/ToastAndroid.js

4. 測試 ToastAndroid

修改 index.android.js

打包 apk, gradlew assembleDebug

安裝 apk

啟動 packager

啟動 app

 

Read Full Post »

逍遙安卓好用就不多說了, 如果要用來開發React Native for Android 照標準流程會遇到蠻多坑,我自己的流程是分成幾個步驟

1. 產生 Debug Apk

SET ANDROID_HOME=D:\sdk\android\android-sdk-windows

react-native bundle –platform android –dev false –entry-file index.android.js –bundle-output android/app/src/main/assets/index.android.bundle –assets-dest android/app/src/main/res

gradlew assembleDebug

2. 逍遙手動安裝 apk

android\app\build\outpus\app-debug.apk

3. 啟動 Packager

set REACT_NATIVE_PACKAGER_HOSTNAME=192.168.1.106

npm start

4. 啟動 App 開發配置

5. 開發程式

一切順利就可以在電腦動態調整 js 直接在逍遙安卓就可以看到結果了…

補充

1. 如果資源檔有更新, 可能需要重新啟動 packager

2. 如果 Hot Reload 沒有生效, 試試手動 Reload

3. JS Remote Debug 需要再 PATH 上可以找到 chrome.exe, 用來查看 console.log 挺方便

Read Full Post »

Older Posts »