APICLOUD 1.3.0 HelloWorld

建立第一個APP

登錄帳號新建一個移動應用

本節須要下載IDE和搭建開發環境
沒有下載IDE或環境搭建請移步APICLOUD 1.1.0 開發環境搭建

填入完整信息選擇完成 ✅

說明：若是是mac系統而且建立失敗的話如下這種狀況

Can't locate SVN/Core.pm in @INC (you may need to install the SVN::Core module) (@INC contains: 
/usr/local/git/lib/perl5/site_perl/5.18.2/darwin-thread-multi-2level /usr/local/git/lib/perl5/site_perl/5.18.2 
/usr/local/git/lib/perl5/site_perl /Library/Perl/5.18/darwin-thread-multi-2level /Library/Perl/5.18 /Network/Library/Perl/5.18/darwin-thread-multi-2level /Network/Library/Perl/5.18 
/Library/Perl/Updates/5.18.2 /System/Library/Perl/5.18/darwin-thread-multi-2level /System/Library/Perl/5.18 
/System/Library/Perl/Extras/5.18/darwin-thread-multi-2level /System/Library/Perl/Extras/5.18 .) at /usr/local/git/lib/perl5/site_perl/Git/SVN/Utils.pm line 6. BEGIN failed--compilation aborted at /usr/local/git/lib/perl5/site_perl/Gi
t/SVN/Utils.pm line 6. Compilation failed in require at /usr/local/git/lib/perl5/site_perl/Git/SVN.pm line 25. BEGIN failed--compilation aborted at /usr/local/git/lib/perl5/site_perl/Git/SVN.pm line 32. Compilation failed in require at /usr/local/git/libexec/git-core/git-svn line 21. BEGIN failed--compilation aborted at /usr/local/git/libexec/git-core/git-svn line 21.
檢出到指定路徑:false

解決方案：

打開終端輸入

sudo ln -s /Applications/Xcode.app/Contents/Developer/Library/Perl/5.18/darwin-thread-multi-2level/SVN/ /Library/Perl/5.18/SVN
sudo mkdir /Library/Perl/5.18/auto
sudo ln -s /Applications/Xcode.app/Contents/Developer/Library/Perl/5.18/darwin-thread-multi-2level/auto/SVN/ /Library/Perl/5.18/auto/SVN

**這裏主要是由於svn的路徑問題
搞定了之後**

項目結構是這樣子的

打開html文件夾下的main.html

第一步
首先找到下面這行代碼

<label id="con">Hello APIcloud</label>

改成：

<label id="con">Hello World</label>

第二步

在第一步代碼的下一行是：

<div id='sys-info'></div>

改成

<!-- <div id='sys-info'></div> -->

第三步

大概在60幾行，找到下面代碼

$api.byId('sys-info').innerHTML = str;

改成：

// $api.byId('sys-info').innerHTML = str;

打開以前搭建環境APICLOUD 1.1.0 開發環境搭建安裝的模擬器

打開apploader

注意：這裏的輸入的是你的ip地址和端口
對應的就是IDE對應的IP和端口

ps:若是你用本身的手機運行APPloader要和電腦在同一網絡環境(wifi)下才能連接

我這裏有兩個ip選一個填就行了

填好之後點擊鏈接若是像上手機截圖同樣 透明的懸浮球變成綠色了說明就已經鏈接成功了
成功之後回到IDE 點擊 項目>運行就能看見效果了！！

這就是運行效果圖了

最後，項目結構介紹

HelloWorld

├── config.xml              配置文件
├── css                     樣式文件夾
│   ├── api.css
│   ├── aui-iconfont.ttf
│   ├── aui-slide.css
│   └── aui.css
├── feature                 全局常量定義
├── html                    佈局文件夾
│   └── main.html
├── icon                    APP圖標
│   └── icon150x150.png
├── image                   靜態圖片文件夾
├── index.html              入口布局
├── launch                  APP啓動頁面
│   └── launch1080x1920.png
├── res                     資源擴展
├── script                  腳本文件夾
│   ├── api.js
│   ├── aui-slide.js
│   └── aui-tab.js
└── wgt                     能夠將這個app做爲一個weigt放入文件夾做爲模塊使用