React Native 101 從打造一個線上商城開始
  • 環境安裝
  • 專案架構介紹與開始前的準備
  • 個人資訊-PersonalInfo
    • Layout 概念
    • View, Image, TextInput 元件介紹
    • 使用react-native-fetch-blob 來上傳照片
  • 商品管理介面-MerchandiseList
    • 元件介紹
  • 新建商品頁面-NewMerchandise
  • 商城頁面-MerchandiseGrid
  • 查看商品詳細頁面-MerchandiseDetail
  • 購物車頁面-ShoppingCart
  • 設定畫面Navigation
  • 使用Appetize.io
  • 修改專案名稱
  • 使用Expo
Powered by GitBook
On this page
  • Release Formal Android APK
  • 以react-native script 的方式進行release
  • 最後在Appetize.io 瀏覽成品

Was this helpful?

使用Appetize.io

Previous設定畫面NavigationNext修改專案名稱

Last updated 5 years ago

Was this helpful?

Release Formal Android APK

  • 使用Android Studio , Generate Signed APK -> Next->Create New - 開始填寫Keystore 的基本資訊

  • 設定 ```keystore password 與 key0 的 password ,並且至少六位數以上,盡量設定一樣,避免忘記

  • Certificate 欄位至少填一項

  • 最後可以透過Android Studio 產生一版APK

以react-native script 的方式進行release

  • 將剛產生的keystore 放置在./android/app 底下

  • 加入這幾行在gradle.properties

MYAPP_RELEASE_STORE_FILE=shoppingMall.keystore
MYAPP_RELEASE_KEY_ALIAS=key0
MYAPP_RELEASE_STORE_PASSWORD=jimmy1220
MYAPP_RELEASE_KEY_PASSWORD=jimmy1220
  • 修改build.gradle

     signingConfigs {
            release {
                if (project.hasProperty('MYAPP_RELEASE_STORE_FILE')) {
                    storeFile file(MYAPP_RELEASE_STORE_FILE)
                    storePassword MYAPP_RELEASE_STORE_PASSWORD
                    keyAlias MYAPP_RELEASE_KEY_ALIAS
                    keyPassword MYAPP_RELEASE_KEY_PASSWORD
                }
            }
        }
        buildTypes {
            release {
                ....
                signingConfig signingConfigs.release
            }
        }
  • 最後在專案根目錄執行 react-native run-android --variant=release

  • 檔案會放置在 android/app/build/outputs/apk/release/

  • 腳本化後方便在release 前後做些客製化的動作

    • bugsnag 的 sourcemap 上傳

最後在Appetize.io 瀏覽成品

  • 多隻手機與螢幕大小可供測試

  • 並且可以查看運行log

使用Appetize.io 的 api 做整合部署

https://appetize.io/docs