隨著

掌上新聞APP(ReactNative全教程 從零開發(fā)移動(dòng)端跨平臺(tái)應(yīng)用 React.JS視頻 51CTO學(xué)堂

移動(dòng)網(wǎng)絡(luò)的快速發(fā)展，越來越多的企業(yè)和公司開始關(guān)注移動(dòng)客戶端。安卓和iOS平臺(tái)基本壟斷了整個(gè)移動(dòng)操作系統(tǒng)。市場(chǎng)對(duì)移動(dòng)開發(fā)人才的需求越來越大，培養(yǎng)高素質(zhì)移動(dòng)編程人才的需求將越來越迫切。由于安卓和iOS平臺(tái)的系統(tǒng)差異，企業(yè)需要獨(dú)立的開發(fā)和安卓和iOS應(yīng)用的維護(hù)，這無(wú)形中增加了大量的開發(fā)時(shí)間和成本。facebook發(fā)布的ReactNative框架是移動(dòng)端跨平臺(tái)應(yīng)用的解決方案之一。目前在開發(fā)比較成熟，速度快，容易上手。這是移動(dòng)開發(fā)者需要也應(yīng)該學(xué)習(xí)的技術(shù)。

本教程分為四個(gè)部分，向讀者介紹開發(fā)的ReactNative應(yīng)用的全過程。為數(shù)不多部分向讀者介紹當(dāng)前JavaScript語(yǔ)言的基本語(yǔ)法，這是開發(fā)React Native應(yīng)用程序的語(yǔ)言基礎(chǔ)。第2部分將向讀者介紹ECMAScript6的特性。ES6是下一代JavaScript語(yǔ)言標(biāo)準(zhǔn)，賦予了JavaScript更強(qiáng)大的面向?qū)ο蠊δ?。第三部分將向讀者介紹ReactNative的開發(fā)基礎(chǔ)，包括控件的應(yīng)用、布局技術(shù)、網(wǎng)絡(luò)技術(shù)、導(dǎo)航堆棧技術(shù)等。第四部分是實(shí)戰(zhàn)部分，通過幾個(gè)實(shí)戰(zhàn)項(xiàng)目，手把手教讀者開發(fā)完成ReactNative應(yīng)用。

如何將網(wǎng)頁(yè)打包成app？(教程會(huì)教大家怎么生成)

APP啟動(dòng)圖、APP LOGO、IOS證書(如有需要)、安卓證書(教程會(huì)教你如何生成)。越來越多的用戶越來越依賴移動(dòng)終端來查找和瀏覽信息。要成為互聯(lián)網(wǎng)上的一個(gè)形象和門面，光靠一個(gè)PC網(wǎng)站已經(jīng)不可能了。現(xiàn)在基本配套設(shè)施包括PC網(wǎng)站、小程序、手機(jī)APP。然而，大多數(shù)移動(dòng)應(yīng)用的開發(fā)成本較高，第二次開發(fā)修改需要特殊程序，這對(duì)預(yù)算成本較低的客戶來說不劃算。那么如何將移動(dòng)網(wǎng)站的網(wǎng)站打包成安卓和IOS的應(yīng)用呢？

一、下載HBuilder

(百度搜索下載就夠了)下載完軟件后，通過郵件安裝注冊(cè)一個(gè)HB賬號(hào)，然后打開軟件。

其次，創(chuàng)建和編輯項(xiàng)目

新建項(xiàng)目時(shí)選擇Wap2APP，那么新創(chuàng)建的項(xiàng)目就會(huì)在主界面左側(cè)生成。雙擊該項(xiàng)目，然后單擊manifest.json進(jìn)行編輯。

之后，編輯界面就會(huì)出現(xiàn)。在編輯界面，只需要配置圖標(biāo)配置(即app的LOGO)、啟動(dòng)圖片和模塊權(quán)限配置。前兩項(xiàng)可以根據(jù)系統(tǒng)大小上傳，第三個(gè)模塊權(quán)限配置，請(qǐng)點(diǎn)擊全部刪除，然后逐一添加需要的權(quán)限。

完成這三個(gè)選項(xiàng)后，單擊保存，然后從頂部菜單中選擇發(fā)布-云包-類型本機(jī)安裝包。

然后根據(jù)自己的需要選擇IOS和安卓，只要配置了IOS證書或者谷歌開發(fā)證書，你想選什么包就選什么包。那么如何獲得這個(gè)證書將在我的下一個(gè)教程中詳細(xì)解釋！以下是廣告聯(lián)盟關(guān)于去掉鉤子的建議。配置完成后，點(diǎn)擊右下角打包。

然后等待云打包生成APP。之后，你可以在下載目錄中找到打包好的APP。