html5的手機(jī)客戶端app怎么開發(fā)？我在前端開發(fā)了一個(gè)攻城獅。讓 來說說我們做過的APP項(xiàng)目吧。我接觸過的app有兩種，一種是純?cè)_發(fā)，不涉及html；另一種是原生加html，也就是本題所說的混合

html5的手機(jī)客戶端app怎么開發(fā)？

我在前端開發(fā)了一個(gè)攻城獅。讓 來說說我們做過的APP項(xiàng)目吧。

我接觸過的app有兩種，一種是純?cè)_發(fā)，不涉及html；另一種是原生加html，也就是本題所說的混合開發(fā)。我還沒有 沒見過純html和JS開發(fā)的APP。

至少所有app的外殼都是原生的，里面的內(nèi)容可以是html，也就是用webview打開。

做混合開發(fā)，首先你需要一個(gè)原生外殼。里面的界面一定是用HTML和CSS寫的。如果有一些動(dòng)畫效果，就用JS。如果顯示數(shù)據(jù)，我們公司用PHP寫接口，JS調(diào)用。

簡單地說，那 這就是全部。當(dāng)然，現(xiàn)在會(huì)涉及到框架，所以我贏了 這里就不贅述了。

手機(jī)代碼，唐 如果你不噴它。;不喜歡~

什么腳本語言可以打包成為手機(jī)APP？介紹越多越好~？

本文以Python和JS為例，簡單介紹如何將這兩種腳本語言打包成移動(dòng)app。主要內(nèi)容如下:

Python主要使用kivy，一個(gè)免費(fèi)、開源、跨平臺(tái)的應(yīng)用開發(fā)框架，可以運(yùn)行在目前主流的操作平臺(tái)上，包括Window、Linux、OS X、iOS、Android等這里我簡單介紹一下這個(gè)模塊的安裝使用，以及如何打包成手機(jī)app:

1.首先，在本地計(jì)算機(jī)上安裝kivy。這里以Windows系統(tǒng)為例(其他桌面系統(tǒng)也行)。官方給出了詳細(xì)的安裝步驟和說明，如下:

2.安裝完成后，我們可以寫一個(gè)簡單的腳本進(jìn)行測(cè)試，如下，代碼很簡單，就是一個(gè)標(biāo)簽文本:

運(yùn)行該程序的效果如下:

3.下一步就是把這個(gè)py腳本打包成手機(jī)apk。首先你需要從kivy官網(wǎng)下載專門用來打包py腳本的kivy虛擬機(jī)，如下:

4.下載完成后，導(dǎo)入虛擬機(jī)，上傳剛才的py腳本，運(yùn)行buildozer命令，開始自動(dòng)打包過程。由于在線下載NDK和SDK等文件需要很長時(shí)間，您需要耐心等待一段時(shí)間。打包完成后，會(huì)在當(dāng)前bin目錄下生成apk文件:

發(fā)送到手機(jī)上，安裝后的效果如下:

這里的JS主要使用工具HBuilder，可以直接將開發(fā)的前端網(wǎng)頁(包括JS)打包成云端的移動(dòng)app(Android，Apple)。讓我簡單介紹一下包裝過程:

1.首先，下載HBuilder。直接從官網(wǎng)下載，選擇 "應(yīng)用開發(fā)版 "，如下所示:

2.下載后，解壓這個(gè)壓縮包，啟動(dòng)HBuilder，創(chuàng)建一個(gè)新項(xiàng)目。選擇 "5 APP(A)及"給你，檢查一下你好，H5 "同時(shí)，作如下說明:

為了方便解釋打包過程，這里我新建了一個(gè)html文件，命名為，這是一個(gè)簡單的登錄頁面，然后用JS把輸入的用戶名打印出來。代碼如下:

用瀏覽器打開這個(gè)html文件，效果如下:

3.接下來，將上面的html文件打包成手機(jī)apk，雙擊項(xiàng)目中的mainfest.json文件，單擊 "進(jìn)入云端 "按鈕，獲取應(yīng)用標(biāo)識(shí)符AppID(后面云打包過程中需要)，設(shè)置應(yīng)用入口文件，就是剛才的，如下:

4.配置完成后，右鍵點(diǎn)擊項(xiàng)目，依次選擇發(fā)布-gt原生APP-云打包(P)，彈出打包窗口。在這里，我正在打包一個(gè)Android應(yīng)用程序。你也可以選擇iOS，輸入剛才的AppID，點(diǎn)擊 "包裝 "右下角按鈕開始云打包:

5.打包完成后，會(huì)生成一個(gè)apk的下載鏈接，在這里我們可以直接下載到本地，如下:

把這個(gè)apk文件發(fā)送到手機(jī)上，安裝后的效果如下，和剛才的瀏覽器差不多:

至此，我們已經(jīng)完成了如何將Python和JS腳本打包到移動(dòng)應(yīng)用中?？偟膩碚f，整個(gè)過程并不難，只是步驟有點(diǎn)繁瑣。只要熟悉幾次流程，很快就能掌握。但是這種打包的效果不如原生語言開發(fā)，需要調(diào)整的地方很多。網(wǎng)上也有相關(guān)的資料和教程。有興趣的可以搜一下。希望以上分享的內(nèi)容能對(duì)你有所幫助，也歡迎大家評(píng)論和留言。