前段時間有人問我怎樣用H5開發app，我恰好知道就把步驟粘出來，有不懂的地方給我留言，我再修改。--博客園老牛大講堂
知識小普及：首先要明白H5開發分4種：純網頁開發（H5開發），混合開發（一般用H5和第三方包裝工具），原生開發（android開發），和微信小程序開發。
純網頁開發：就是用H5開發好網頁，開發好網頁用第三方工具進行打包成app
混合開發：不僅用H5開發了，還要借助第三方的一些軟件，並且引用第三方的軟件的一些內容，之后在第三方網站進行打包成app，好處是可以實現調用照相機等。本篇博客介紹的就是混合開發，第三方工具是APIClud工具
原生開發：原生開發就是用android內容進行開發。跟H5關系不大了。
思想：首先用Hbuilder開發工程，把自己的工程粘貼到APICloud的工程里面。然后用網上的APICloud的內容打包內容。
環境：Hbuilder，夜神模擬器，APICloud開發工具。
提示：因為APICloud因為提示功能不好，所以建議如果想開發就用Hbuilder開發。開發完就把css，js，img粘里面就行了。
第一、首先下載一個APICloud開發環境（APICloud就像Hbuilder，Myeclipse，就是一個軟件）。--博客園老牛大講堂
圖標：
第二、--博客園老牛大講堂
1、進入APICloud官網，申請一個賬號，進入APICloud官網，填寫用戶名，密碼。並且下載一個APIClode桌面應用程序。
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()方法中的內容，定義了跳轉的頁面，和跳轉頁面的標簽。其中的name：‘a1’。定義是為了方便頁面之間的跳轉，一般不重復，app頁面跳轉的都是要識別這個name的
代碼：
<!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進行測試代碼，查看我博客園-老牛大講堂。