H5混合開發APP配置以及第一個工程--部落格園老牛大講堂

來源:互聯網
上載者:User

標籤:

前段時間有人問我怎樣用H5開發app,我恰好知道就把步驟粘出來,有不懂的地方給我留言,我再修改。--部落格園老牛大講堂

思想:首先用Hbuilder開發工程,把自己的工程粘貼到APICloud的工程裡面。然後用網上的APICloud的內容打包內容。

環境:Hbuilder,夜神模擬器,APICloud開發工具。

提示:因為APICloud因為提示功能不好,所以建議如果想開發就用Hbuilder開發。開發完就把css,js,img粘裡面就行了。

 

第一、首先下載一個APICloud開發環境(APICloud就像Hbuilder,Myeclipse,就是一個軟體)。--部落格園老牛大講堂

表徵圖:

第二、

1、進入APICloud官網,申請一個帳號,進入APICloud,填寫使用者名稱,密碼

2、進入APICloud介面,建立一個APIClode工程。

3、我建立了一個工程myFirstApp工程,自己的img,css,js,都可以粘貼到工程下面,

4、找到index.html,這個是工程的啟動項(從index.html開始)。類似於安卓開發的AndroidManifest.xml檔案,類似於java的mai函數。

5、其中css和js可以不匯入。

6、apiready = function(){startfull();} 是所有的js和css載入完畢後才載入下面的代碼。

7、startfull()方法中的內容,

代碼:

<!doctype html><html><head>    <meta charset="utf-8">    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">    <title>Hello APP</title>   </head><body>      </body><script type="text/javascript">    apiready = function(){        startfull();    }    function startfull(){        api.openWin({//api這個是APICloud自己提供的api,必須在APICloud提供的,只能在APICloud裡用。            name: ‘a1‘,//定義下面這個頁面的名字。方便頁面的跳轉。            url: ‘./html3/a.html‘//跳轉的頁面。        });    }    </script></html>

 8、圖片:

 

第三、

1、點擊myFirstApp的工程右鍵,--雲同步--》提交。

2、圖片,其中mysendAPP就是自己上傳的工程。

 3、點擊自己工程mysendAPP進入,點擊雲編譯,這樣自己的工程即可以打包成android,也可以打包成ios。

4、如果還與不懂的,留言。

5、如果看怎樣用APICloud進行測試代碼,查看我部落格園-老牛大講堂。

 

H5混合開發APP配置以及第一個工程--部落格園老牛大講堂

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.