標籤:
前段時間有人問我怎樣用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配置以及第一個工程--部落格園老牛大講堂