從零開(kāi)發(fā)一個(gè)app前期

前置技能：

java，vue，mysql，springboot

最近看上了一個(gè)視頻講的不錯(cuò)：

bilibili的:uniapp實(shí)戰(zhàn)項(xiàng)目仿糗事百科

打算跟著大神的腳步一步一步學(xué)會(huì)從0到1，從前到后...

下載安裝軟件：

Uniapp官網(wǎng)：https://uniapp.dcloud.io/

開(kāi)發(fā)工具官網(wǎng)：https://www.dcloud.io/hbuilderx.html

插件安裝：

App真機(jī)運(yùn)行

uniapp編譯

Htmlhint html語(yǔ)法校檢

Stylelint  css語(yǔ)法檢查

Eslint-js  js語(yǔ)法檢查

Es6編譯

安卓真機(jī)調(diào)試：

創(chuàng)建一個(gè)demo項(xiàng)目，選擇uniapp然后選擇運(yùn)行到手機(jī)...

運(yùn)行到手機(jī)步驟：

剛開(kāi)始未檢測(cè)到手機(jī)或模擬器，然后插入手機(jī)，傳輸文件那種模式，接著打開(kāi) 開(kāi)發(fā)者模式允許安裝軟件，點(diǎn)擊運(yùn)行到手機(jī)，然后就編譯項(xiàng)目，手機(jī)進(jìn)行安裝項(xiàng)目，打開(kāi)成功。

運(yùn)行完之后，第一個(gè)在手機(jī)運(yùn)行的項(xiàng)目就誕生了.

趁熱打鐵，我們繼續(xù)，將項(xiàng)目在官方的css樣式拷貝到我們的項(xiàng)目中。

從官方demo中引入uni.css

將hello官方的demo中的static文件夾數(shù)據(jù)放入，防止缺少引入數(shù)據(jù)報(bào)錯(cuò)。

然后在app.vue中的style中引入：

@import "./common/uni.css";

最后在index模塊使用

<view class="uni-list">

<view class="uni-list-cell">

<view class="uni-list-cell-navigate uni-navigate-right">

例子

</view>

</view>

<view class="uni-list-cell">

<view class="uni-list-cell-navigate uni-navigate-right">

例子2

</view>

</view>

<view class="uni-list-cell">

<view class="uni-list-cell-navigate uni-navigate-right">

例子3

</view>

</view>

</view>

使用ulist就能導(dǎo)入代碼

APP開(kāi)發(fā)完整步驟：

第一，App開(kāi)發(fā)前期

明確應(yīng)用程序開(kāi)發(fā)的需求；

在明確需要開(kāi)發(fā)app之前，首先要問(wèn)自己為什么要制作app，手機(jī)app需要什么樣的系統(tǒng)版本，app是誰(shuí)使用的，面向的用戶是什么樣的集團(tuán)等。了解開(kāi)發(fā)app行業(yè)，分析app開(kāi)發(fā)。

2.確定應(yīng)用開(kāi)發(fā)報(bào)價(jià)

確定需求后，開(kāi)發(fā)公司會(huì)根據(jù)溝通內(nèi)容列出開(kāi)發(fā)app功能需求列表。目前思維導(dǎo)圖大多被廣泛使用，可以根據(jù)這個(gè)思維導(dǎo)圖添加或刪除。確定功能需求后，確認(rèn)開(kāi)發(fā)模式是什么。最后，開(kāi)發(fā)公司會(huì)計(jì)算開(kāi)發(fā)所需的周期和人員投入，提供詳細(xì)的開(kāi)發(fā)價(jià)格表。

第二，App開(kāi)發(fā)中期

1.確定視覺(jué)用戶界面設(shè)計(jì)

用戶界面設(shè)計(jì)是APP正式開(kāi)發(fā)的第一步。一般而言，應(yīng)用程序風(fēng)格最好簡(jiǎn)潔大方，功能一目了然，可以讓用戶第一眼留下好印象。效果圖的制作將根據(jù)應(yīng)用程序的需要，應(yīng)用程序的LOGO，應(yīng)用程序面對(duì)人群選擇主調(diào)，最終讓客戶確定。

2.開(kāi)發(fā)app軟件應(yīng)用

確定app界面風(fēng)格后，即可正式進(jìn)入app應(yīng)用開(kāi)發(fā)。目前主流app有兩種，一種是基于Android的app，一種是基于蘋(píng)果的app。兩個(gè)系統(tǒng)使用的開(kāi)發(fā)語(yǔ)言和工具不同，但流程基本上包括前端開(kāi)發(fā)、后端開(kāi)發(fā)、應(yīng)用界面開(kāi)發(fā)、服務(wù)器環(huán)境建設(shè)等。此外，還有頁(yè)面標(biāo)記和手機(jī)匹配，這是app開(kāi)發(fā)項(xiàng)目的獨(dú)特流程。這個(gè)環(huán)節(jié)是為了讓app在不同的手機(jī)上正常顯示和使用，后期上線不會(huì)影響用戶使用app的體驗(yàn)。

進(jìn)行應(yīng)用程序的整體測(cè)試

測(cè)試內(nèi)容包括:APP內(nèi)容測(cè)試、APP性能測(cè)試、APP功能測(cè)試、APP視覺(jué)測(cè)試、BUG調(diào)試修復(fù)。如果測(cè)試問(wèn)題需要及時(shí)修復(fù)，直到測(cè)試結(jié)果通過(guò)，App的整體開(kāi)發(fā)才能完成。可以邀請(qǐng)更多的內(nèi)部人員進(jìn)行測(cè)試，充分優(yōu)化和測(cè)試應(yīng)用的體驗(yàn)和穩(wěn)定性。

第三，App開(kāi)發(fā)后期

App打包上線發(fā)布

一切完成后，就可以在各大應(yīng)用市場(chǎng)上線了。APP在線審核，一般蘋(píng)果的APPstore審核大概需要一周時(shí)間，Android審核大約需要3天，甚至更快，所以我們要注意把握好這段時(shí)間，不要讓審核時(shí)間延誤上線時(shí)間。另外，有些情況會(huì)導(dǎo)致審核失敗，需要修改資料重新提交，從而導(dǎo)致審核周期延長(zhǎng)。

Apppp后期維護(hù)升級(jí)

App外包公司在p外包公司將根據(jù)合同要求交付相關(guān)內(nèi)容，合作完成。至于后期是否需要維護(hù)升級(jí)，要根據(jù)雙方的合同要求。