apicloud 開發環境搭建

 之前做過appcan 手機應用的開發，工作需要切換的apicloud , 開發環境的的搭建是開發的第一步，let's go

1新建應用

step1  注冊賬號

注冊apicloud 賬號； https://www.apicloud.com/signup

step2 新建應用

再賬戶下面找到開發控制台=>開發控制台=>創建應用     填寫應用名和說明，一般是Native App,

 

2 開發工具下載安裝

工具下載地址： https://www.apicloud.com/devtools

之前用appcan 開發 一直再用vscode ,  這次嘗試了三種不同的方式，官方基於atom 的apicloud studio 、webstorm 插件  、vscode

2.1 apicloud studio

下載解壓

studio 是一個綠色版的軟件，解壓后拷貝到指定目錄就能運行

 

 

 

 

把 可執行程序發送到桌面就能運行了，apicloud studio 的體驗不是很好，atom的通病，慢和卡.在同步項目的時候一直報錯，想想這么差的體驗，還要重新學習一個新的ide不划算，直接webstorm 搞起，

2.2 webstorm

 

 

 

官方的文檔很詳細：

https://docs.apicloud.com/Dev-Tools/webStorm-apicloud-plugin

 

完成后的效果是這樣的：項目文件點擊右鍵

2.3 VSCode

webstorm 的體驗很好，但是我之前用vscode比較多一些，看到apicloud CLI 工具，感覺什么ide開發都一樣。調試直接命令行就好了。這一點來說，apicloud 做的還是不錯的，可玩的地方比較多，比appcan更新更開放一些。

apcloud cli  官方文檔   https://docs.apicloud.com/Dev-Tools/apicloud-cli

apicloud cli  使用npm 安裝 

使用是這幾個調試的命令：

 

 #顯示版本號:
  apicloud version 或 apicloud -v 或 apicloud --version
  #顯示幫助信息:
  apicloud help
  #啟動 wifi 服務:
  apicloud wifiStart --port 8686
  #停止 wifi 服務:
  apicloud wifiStop --port 8686
  #wifi 全量更新:
  apicloud wifiSync --project ./ --updateAll true --port 8686

  #wifi 預覽:
  apicloud wifiPreview --file ./index.html --port 8686

  #獲取 wifi 信息:
  apicloud wifiInfo --port 8686

  #獲取 wifi 調試日志:
  apicloud wifiLog --port 8686

  #創建應用模板:
  apicloud init --name HelloAPICloud --template home --workspace ./

  #創建頁面模板:
  apicloud initPage --name first_page --template page001 --project ./

  #開啟 es6 支持:
  apicloud polyfill --project ./

  // ============================================================

  項目相關方法示例

  #wifi 增量真機同步:
  apicloud run sync

  #預編譯 es6/es7 js文件:
  apicloud run bundle

  #預編譯 es6/es7 js文件,然后進行wifi 增量真機同步:
  apicloud run bundle_s

  #以debug模式,預編譯 es6/es7 js文件,此時會產生對應的 *.map.js 文件,便於在瀏覽器中調試:
  apicloud run bundle_d

  #以debug模式,預編譯 es6/es7 js文件,然后進行wifi 增量真機同步:
  apicloud run bundle_d_s

 

 

 

3 git 倉庫的支持

apicloud 這個功能 很給力，git倉庫完全是第三方的，不占用apicloud上的空間 ，apicloud 節省空間成本，開發者也方便，練手的項目可以放在免費的git 服務上，比如 GitHub 和 codding ，公司的項目，可以放在私服git上。

開發控制台中點擊自己建的應用=》應用管理面板，=》 左邊“代碼”點擊

1 點擊git平台，進行設置

2 啟用git 平台，啟用后 在線打包時，打包的源碼就是你git倉庫中最新的源碼

3、4、5 設置 git 倉庫的信息，這里有兩點要注意，第一個個事項目的名稱要一致，第二 項目的有效源碼放在widget 文件夾下，不然打包會失敗。