你會(huì)JS嗎？你會(huì)開(kāi)發(fā)APP嗎？

如今混合式應(yīng)用成熟，如果你會(huì)JS，就可以開(kāi)發(fā)手機(jī)APP了！
（所以這就是為什么越來(lái)越?jīng)]人學(xué)IOS和安卓開(kāi)發(fā)）

今天不多廢話(huà)，給只掌握J(rèn)S的同學(xué)們指明一條大道，挖掘一下你技術(shù)的應(yīng)用維度，別浪費(fèi)了。

雖然語(yǔ)言我們只需要JS，但能做到這么多事，自然是要借助現(xiàn)成的框架，也就是說(shuō)，用什么框架便是關(guān)鍵。

我們今天只介紹最基本的用什么框架可以做出啥，也就是把路給你指出來(lái)，再往下怎么走，還得靠自己。（我也有不定期的公開(kāi)課，敬請(qǐng)關(guān)注，Q群：598394989）

關(guān)鍵步驟分兩步

把大象裝到冰箱有三步，而我們還簡(jiǎn)單一些。只有兩步：

第一，用JS開(kāi)發(fā)出手機(jī)控件（操作界面）

第二，打包成APP

這兩步分別使用一個(gè)框架完成，那用啥呢？

第一步用啥作？

開(kāi)發(fā)界面的框架，選擇非常多，說(shuō)多了給你平添煩惱，這里僅給你一個(gè)我認(rèn)為最好的選擇，以及一個(gè)最簡(jiǎn)單的選擇。

好的選擇是：Ionic

這貨全面好用，開(kāi)源，業(yè)內(nèi)良心精品。麻煩的點(diǎn)在于你還要同時(shí)用到angularJS，它是基于angular的。

而如果圖簡(jiǎn)單怎么辦，用：JQuery.mobile
簡(jiǎn)單的代價(jià)就是能刷就做出來(lái)的東西，也簡(jiǎn)單咯?；贘query，這個(gè)有幾個(gè)會(huì)JS的不懂？所以好上！

第二步打包用啥工具做

好嘞，我唰唰下載了上邊的框架，查了查我要用的東西就做好了。那第二步用啥？這次只給你一個(gè)選擇吧：Cordova，裝好自己看看手冊(cè)打包。

啪！IOS和安卓版的APP出爐，完美

都是美女的都！

小擴(kuò)展1，做出來(lái)的APP和原生開(kāi)發(fā)的區(qū)別

注意，以上兩步做出來(lái)的是Webview，也就是想象你的所有控件和界面都是網(wǎng)頁(yè)元素，你的APP就好像一個(gè)網(wǎng)頁(yè)窗口！

那如何用JS做出原生開(kāi)發(fā)的效果？可以的！

把上邊兩步的使用工具換一下，使用React Native。這貨做出來(lái)以后，它直接把控件轉(zhuǎn)成原生控件。

小擴(kuò)展2，微軟粉的福音

對(duì)于使用微軟語(yǔ)言，C#的同學(xué)，你也可以直接用VS做到以上效果哦！而且生成的產(chǎn)品是原生控件不是webview！

此路之框架就是：Xamarin

來(lái)讀：一個(gè)絲安么潤(rùn)（陰）

好了！

瑞偶D我會(huì)在接下來(lái)不定期給出各種程度的公開(kāi)課，有想要詳細(xì)提高的先在群里占個(gè)位子：598394989

昨天我也沒(méi)寫(xiě)文，給我動(dòng)力天天寫(xiě)就請(qǐng)點(diǎn)贊和轉(zhuǎn)載！愛(ài)你！