1. 程式人生 > >react native搭建私有熱更新伺服器

react native搭建私有熱更新伺服器

公司要求要有自己的私有熱更新伺服器,本人表示不擅長後臺,只好去網上找相關的文章,與技術部落格:

本文簡歷在已經成功執行 微軟 codepush熱更新,並且瞭解codepush 相關指令的基礎上。

簡介

code-push-server是一個開源專案,基於 nodejs + mysql 搭建自己的熱更新伺服器

環境

macOS Sierra 10.12.1

nodejs v4.3.1

mysql 5.6

一、安裝mysql(其他環境自行對應mysql安裝)

推薦安裝 mysql 5.6

一鍵安裝 毫無壓力

設定mysql密碼

進入mysql安裝目錄,命令分步執行

cd /usr/local/mysql/bin

./mysql -u root -p  //這一步是登入root使用者 回車即可,5.6默人密碼為空
修改密碼 set password = password('輸入你的新密碼'); //引號不能省略
啟動mysql服務

開啟 系統設定,在面板下會出現一個mysql的圖示,點選進入並啟動即可。


mysql.jpeg

二、本地安裝code-push-serve

作者釋出了兩種安裝方式(npm安裝或原始碼安裝),在此我推薦使用原始碼安裝,因為後期我們要基於這個服務修改自己的網頁,原始碼安裝方便些。

首先進入專案準備安裝的目錄執行以下命令(如果沒有安裝git 則可以去git上download下來解壓)

git clone https://github.com/lisong/code-push-server.git

clone完畢後執行

cd code-push-server && npm install

修改config/config.js 檔案,在 db 物件中新增資料庫資訊,參考如下配置,對應自己的使用者名稱密碼,資料庫名稱

db: {
    username: "root",    //
    password: "123456",
    database: "codepush",
    host: "127.0.0.1",
    port: 3306,
    dialect: "mysql"
  }

初始化服務,專案根目錄(code-push-server)下執行命令

./bin/
db init --dbhost localhost --dbuser root --dbpassword #初始化mysql資料庫

上述無報錯即可進行下一步

三、配置伺服器-儲存在本地

修改config/config.js

common 物件中的 storageType改為 local

新建檔案儲存目錄 datastorage,並修改配置檔案

local: {
    //此地址為以上新建的資料夾,自己對應自己的路徑
    storageDir: "/Users/luozhong/work/reactNative/server/storage",
    //ip地址改成自己裝置對應的ip 這是下載地址 
    downloadUrl: "http://192.168.201.113:3000/download"
  }

 common: {
     //此地址為以上新建的資料夾,自己對應自己的路徑
    dataDir: "/Users/luozhong/work/reactNative/server/data",
    storageType: "local"    //選擇儲存型別,目前支援local和qiniu配置
  }

啟動服務

./bin/www    //無報錯資訊即為正常啟動,可以在瀏覽器中輸入 http://127.0.0.1:3000檢視,預設使用者名稱密碼是 admin 123456

四、專案與服務建立連結

進入reactnative 專案根目錄執行命令檢視當前是否登入,因為是新服務,所以要先保證沒有別的賬號正在登入

 code-push whoami

如果報錯如下,表示沒有登入

[Error]  You are not currently logged in. Run the 'code-push login' command to authenticate with the CodePush server.

如果沒有報錯 並且顯示郵箱賬號,則表示已經登入賬戶,則我們要先登出當前賬號

code-push logout

成功登出後執行登入指令,瀏覽器會自動開啟本地服務登入頁面,命令列中會提示輸入key

code-push login http://localhost:3000

輸入賬號和密碼 admin 123456 登入後點擊按鈕 獲取token 並複製token到命令列中,並回車確認

Successfully logged-in. //提示此表示登入成功

至此我們已經將codepush和我們自建的伺服器關聯起來了.

五、註冊應用

專案根目錄下執行

code-push app add Trip-ios    //專案名+iOS/android字尾

六、專案中修改對應的key

檢視key

code-push deployment ls Trip-ios

Staging值修改到對應的iOS或安卓專案中並重新打包安裝

七、釋出更新

進入專案根目錄執行以下命令,表示打包併發布,預設釋出在開發環境

 code-push release-react Trip-ios ios

成功後即可開啟app驗證。

轉載至:http://www.jianshu.com/p/eb7fdee307dc尊重版權

相關推薦

react native搭建私有更新伺服器

公司要求要有自己的私有熱更新伺服器,本人表示不擅長後臺,只好去網上找相關的文章,與技術部落格: 本文簡歷在已經成功執行 微軟 codepush熱更新,並且瞭解codepush 相關指令的基礎上。 簡介 code-push-server是一個開源專案,基於 nodej

React Native中整合更新

最近,在專案DYTT集成了熱更新,簡單來說,就是不用重新下載安裝包即可達到更新應用的目的,也不算教程吧,這裡記錄一下。 1.熱更新方案 目前網上大概有兩個比較廣泛的方式,分別是 react-native-pushy react-native-code-push

React Native 詳細實現部署、增量差異化更新

一.前言 Android原生App中我們實現熱修復有很多種選擇:Tinker、hotFix、Qzone的熱更新等等。基本的思路都是大同小異的。React Native中的熱更新有點像App的版本

React Native 搭建開發環境

ng- 到你 ram 搭建 build node install variable 工具 歡迎使用React Native!這篇文檔會幫助你搭建基本的React Native開發環境。如果你已經搭好了環境,那麽可以嘗試一下編寫Hello World。 根據你所使用的操作系統

vuejs開發環境搭建更新

輸入 成功 可用 app 熱更新 bpa bsp 保存 vue.js 推薦使用官方提供的命令行工具,可用於快速搭建大型單頁應用。只需一分鐘即可啟動帶熱重載、保存時靜態檢查以及可用於生產環境的構建配置項目。 1、安裝node https://nodejs.org/en/do

react-native setState無法保持更新

ive native 我們 index () tst stat ons ole 常用的數據更新賦值在this.state.xxx= xxx 如果保持數據更新放置與 this.setState({ xxx:xxx }) 有時我們需要setState之後立馬要用state更新的

React Native搭建環境

React-Native環境搭建 搭建開發環境 歡迎使用 React Native!這篇文件會幫助你搭建基本的 React Native 開發環境(Windows)。 一.安裝JDK 1.從Java官網下載JDK並安裝 java

搭建私有 Docker 倉庫伺服器

Docker Hub 是 Docker 官方的公共倉庫伺服器,使用者在 DockerHub 上只能建立一個私有倉庫,這對於有些使用者是不夠用的,而且 DockerHub 伺服器的訪問速度也是個很大問題,那麼我們希望能在自己本地的伺服器上建立一個類似於 DockerHub

React-native 搭建開發環境指導【5】-------編譯並執行

這個環節是出問題最多的地方。操作很簡單,遇到問題也不要慌。都能解決。 在所建立的專案路徑下,開啟cmd視窗。輸入命令列 react-native start 這一步是在開啟packager,也可以在Android Studio 自帶的Terminal視窗執行命令。 可以用瀏覽

React-native 搭建開發環境指導【2】-------Android Studio

安裝Android Studio 下載和安裝Android Studio,選擇Custom選項。 安裝 Android SDK 可以一開始點選Start a new Android Studio project. 也可以進入後,在選單欄點選下圖圖示,開啟SDK Mana

React-native 搭建開發環境指導【1】(保姆級)

本人零基礎,完成React-native環境搭建的途中有遇到過坑,但我爬出來了。所以,有理由相信,只要你想,你就能做好這部分。希望我的經驗可以給予你一點點幫助。 安裝前你需要的前期依賴 Node :高於8.3 Python:2.X Java SE Development Kit

react-native 搭建環境

Jdk 8-151(必須是這個版本,用jdk9 都不行 ,低了更不行) Android sdk 4.3 配置java 環境變數 javahome、classpath、path,配置Android 的環

Linux系統搭建私有CA證書伺服器

一、CA簡介   CA是什麼?CA是Certificate Authority的簡寫,從字面意思翻譯過來是憑證管理中心,認證授權。它有點類似我們生活中的身份證頒發機構,這裡的CA就相當於生活中頒發身份證的機構。不同於生活中的頒發機構,這裡的CA是給伺服器頒發證書。頒發證書的目的同生活中的辦理身份證的目的類似,

搭建code-push-server伺服器用於react-native更新

之前我做熱更新使用了微軟的code-server,如果只是測試demo還好,要是真實專案中用別人的伺服器,程式碼都要傳到別人的伺服器,那豈不是坑爹?所以今天自己搭建了一個code-push-server,遇到了挺多坑的,網上的唯一的幾篇文章也沒什麼說明,只好自己摸索,經過大

React Native更新(CodePush使用)

dfa epush nodejs 管理 push alpha 輸入 進制 通過                                      React Native熱更新(CodePush使用)   在移動應用開發過程中,應用的發布上線一直是個耗時且長時間沒有

react-native更新

一、全域性安裝 code-push-cli $ npm i -g code-push-cli 二、註冊 App Center 執行以下命令 $ code-push register 或直接開啟 https://appcenter.ms/ 註冊 三、登入

Android原生整合react-native(二)-更新

使用code-push 和code-push-server 實現熱更新 1.安裝code-push-server: npm install code-push-server -g 2.初始化mySQL資料庫: code-push-server-db init --dbhost l

react native 更新與程式簡單除錯

1.如何開啟Developer Menu          模擬器:ctrl+m          真機:搖一搖手機即可 2.除錯及熱更新準備工作:當真機使用資料線或者模擬器時可以忽略,建議

原生整合react-native(二)-更新

使用code-push 和code-push-server 實現熱更新 1.安裝code-push-server: npm install code-push-server -g 2.初始化mySQL資料庫: code-push-server-db init --db

從零開始搭建Detox自動化測試框架測試React Native (IOS/Andriod)也許是全網最全的教程 持續更新

構建APP並執行用例 構建APP 編譯 debug模式 detox build --configuration ios.sim.debug release模式 detox build --configuration ios.sim.release 5.2 執