目錄
一、附言: 1
二、購買域名和購買服務器: 2
三、搭建服務器環境: 5
四、配置APP前端部分: 8
1.工具以及文件准備: 9
2.配置后端接口地址 11
3.配置APP啟動圖和啟動圖標 12
五、搭建APP后端部分 13
步驟,一步步輸入並且回車。 13
1. 登錄方才已經安裝好的寶塔軟件以及創建通信網站。 15
2. 導入數據庫測試是否連通。 20
六、搭建APP后台管理端部分 24
七、打包APP下載並測試 31
一、附言:
【干貨】30分鍾讓你擁有一個完整屬於自己的短視頻APP系統-附帶系統
首先以下內容步驟只要你按照步驟來 絕對能完美搭建起來的,零基礎小白都可以,內容非常細。
首先第一步我們下載源碼 YYC松鼠V1.5版本,附件我已經發了這里 直接可以下載,然后購買服務器和域名。
站長之家也可以直接下載到,很多地方可以下載能百度搜到。
下面我以這個V1.5系統做演示,服務器我們用Linux系統做演示。
東西准備:
這是APP完整系統下載地址
http://down.chinaz.com/soft/39511.htm
Putty下載地址
Hbuilderx下載地址
二、購買域名和購買服務器:

這是西部數碼的網站界面,所有的域名注冊商的網站大同小異,西部數碼推薦,還有阿里雲啊,騰訊雲啊,這些都是非常強勢穩定。
解析怎么填寫呢 主機名填寫的是前綴名,對應值填寫購買的服務器的公網IP地址即可。
這里的主機名就是域名前綴,你的域名是什么就填什么我們需要解析2個域名,一個是通信用的使用域名,另一個是后台管理APP需要使用到的域名。
拿我這里的比如就是 我注冊的域名是shiyiha.com,購買的
那么我准備:
我解析的通信域名是caomei.shiyiha.com
我解析的后台管理端域名是cmadmin.shiyiha.com
景安:
騰訊雲:
上面就是購買好域名並且做解析,服務器購買好后,會有以下信息

購買服務器不管是哪家 記得選 Linux系統 cento os 7.0版本
如果沒有7.0選比他高的,總之不要低於7.0

重要信息第一個
IP:xxx.xxx.xxx.xxx
用戶名:root(一般為)
密碼:xxxxxxxxxx
獲得的信息里面只看重要的,然后Linux我們用putty軟件進行鏈接。這里就看下方服務器環境搭建。
三、搭建服務器環境:
完整從搭建服務器以及源碼一步步說起:
我們需要Linux cento os 7.0系統或者7.0以上,最好7.0,可以找服務商安裝,一般來說現在雲服務器都是免費安裝系統的,然后免費安裝寶塔。
不知道寶塔如何安裝,或者服務商不給安裝寶塔?那看這里就知道:
用 putty鏈接服務器,進去安裝 寶塔
隨便給一個 putty的下載地址
這個工具是到處都有的,能放附件的平台我都會把工具直接放上去。
遠程鏈接加 輸入 ip地址 用戶名密碼就不用說了吧,都很簡單,注意有一點就是鏈接Linux輸入密碼的時候不會提示出來,但是實際你是輸入了的,所以不要以為自己沒輸入成功。

接下來輸入 安裝寶塔的 代碼指令
yum install -y wget && wget -O install.sh http://download.bt.cn/install/install_6.0.sh && sh install.sh
輸完上面的代碼 直接回車就行了,然后就等待他慢慢下載安裝 最終安裝好的地址就在下方。

圖是用的別人的,因為我已經安裝過寶塔了不至於卸載重裝吧,安裝成功提示的樣子,得到這些信息先保存下來等下搭建后端的時候使用現在用不着。
四、配置APP前端部分:
1.工具以及文件准備:
首先系統是
開發語言:vue + weex 語言框架 : uni-app 開發工具:HBuilderX
所以我們得下載一個HbuilderX作為開發工具,
下載地址 https://www.dcloud.io/hbuilderx.html
我們選擇

正式版APP開發版本,下載后安裝並打開,把我們下載好的系統文件也解壓在一個目錄,這里我把songshu-video-app文件夾名字修改為草莓短視頻了,這個你們也可以修改也可以不修改,這次我搭建的名字就叫草莓短視頻。

然后打開開發工具HbuilderX導入 草莓短視頻 文件夾。

選擇文件----導入----從本地目錄導入

導入成功后我們依次展開左側目錄找到manifest.json文件雙擊打開

選擇“源碼視圖” 這里修改APP的名字和ID,名字比如我的叫草莓視頻就這樣寫,你的叫什么就寫什么,ID如何獲取呢,這時候要在dcloud處注冊賬號,https://dev.dcloud.net.cn/app/
注冊賬號登錄賬號后點擊左側的創建應用,輸入名稱,創建成功后ID便有了。

把manifest.json文件修改id填好后按 ctrl+s 保存。
2.配置后端接口地址

依次打開common文件 里面的config.js文件
這里填入解析好的域名用於通信app的。
按照上面講的 的通信域名是caomei.shiyiha.com 那么我就填寫完整的
http://caomei.shiyiha.com/即可
3.配置APP啟動圖和啟動圖標
這個就很簡單的了,也在manifest.json文件雙擊打開

LOGO圖標可以直接上傳一個1080px*1080px尺寸的圖直接點一鍵生成並且替換即可。
啟動圖的尺寸就用1080x1092的一張圖,這個沒有生成功能因為各不一樣,但是可以就用一張只是會有小小拉伸而已,記住:圖片做好要放在程序的目錄下,第二是圖片的名字不能有中文,否則會報錯。
前端部分完成,等下弄好了再來打包。
五、搭建APP后端部分
因為APP是涉及到上傳視頻的,所以我們得在服務器安裝ffmpeg
依然是打開putty 鏈接Linux服務器
步驟,一步步輸入並且回車。
安裝EPEL Release,因為安裝需要使用其他的repo源,所以需要EPEL支持:
yum install -y epel-release
#如果出現缺少Code提示,可以:
sudo rpm --import /etc/pki/rpm-gpg/RPM-GPG-KEY-EPEL-7
#安裝完成之后,可以查看是否安裝成功
yum repolist
安裝Nux-Dextop源
#導入一個Code
sudo rpm --import http://li.nux.ro/download/nux/RPM-GPG-KEY-nux.ro
#安裝nux-dextop 源
sudo rpm -Uvh http://li.nux.ro/download/nux/dextop/el7/x86_64/nux-dextop-release-0-1.el7.nux.noarch.rpm
#查看repo源是否安裝成功
yum repolist
yum安裝ffmpeg:
yum install -y ffmpeg
安裝完成后檢查ffmpeg 版本:
ffmpeg -version
此教程是引用https://blog.csdn.net/qq_18310233/article/details/89175586
這是原創作者,寫的已經很詳細了直接引用。
然后我們開始在寶塔里面去建立網站
登錄方才已經安裝好的寶塔軟件以及創建通信網站。

瀏覽器位置輸入剛才已經安裝寶塔后彈出的地址,輸入用戶名密碼登錄。
登錄后查看軟件管理我們把必須的軟件安裝上,其中有
Nginx1.14
Mysql5.5
Php7.0
Phpmyadmin4.0
由於我這服務器配置的網站多 所以安裝的環境多,大家沒必要安裝那么多,

安裝完成查看首頁是顯示有這4樣是ok的 就沒問題了。
下一步

點擊網站----添加站點

上面的數據庫用戶名 和 密碼 請注意一下,等下會用到。
這里域名輸入我們的通信域名,數據庫選擇創建mysql。

后端文件就是

上傳后點擊解壓


注意是要解壓到根目錄的哦。壓縮包可能還有一層,可以復制粘貼出來。
然后修改運行目錄和配置偽靜態:

網站目錄設置運行目錄為/public,點保存

偽靜態設置為thinkphp,點保存
導入數據庫測試是否連通。
修改數據庫配置文件首先,在寶塔里面打開application/database.php文件


修改后點保存。
導入數據庫文件,打開數據庫目錄,點擊管理


進入phpmyadmin點導入

導入來選擇本地數據庫文件在,\songshu-video-back\database這個目錄,

導入成功后左側會載入出表格。
我們來測試數據是否連通
-
訪問http://域名/user/login?phone=13800138000&type=phone&code=123000測試數據庫是否連接成功,返回json信息即連接數據庫成功,我的通信域名是caomei.shiyiha.com那么我就應該
-
http://caomei.shiyiha.com/user/login?phone=13800138000&type=phone&code=123000
把這個地址粘貼到瀏覽器訪問,

成功返回數據,APP后端成功搭建完成。
六、搭建APP后台管理端部分
APP前端 后端都已配置,現在我們來配置管理端,

域名填入我們的管理端域名,我設置的是 cmadmin.shiyiha.com那么就這樣填寫。數據庫就不要創建了,我們是共用一個數據庫的。
然后上傳管理端的文件夾

Songshu-video-admin.zip 然后解壓
重復剛才的步驟我們對管理端域名網站進行虛擬目錄設置和偽靜態設置
搭建步驟為:設置運行目錄為public-設置偽靜態為thinkphp的規則-修改數據庫連接配置

同樣的再設置一遍,
同樣修改數據庫配置文件

下一步修改api里面的地址

/www/wwwroot/cmadmin.shiyiha.com/public/static/js/目錄下這個app開頭的文件。
點編輯打開文件按下 crtl+f
搜索 videofree 便會跳到這里,修改域名,前面是通信域名,后面是管理端域名,

拿我的域名來說修改好的結果是這樣,

最后一步還需修改設置管理端的網站-設置-默認文檔為index.html,或者手動輸入 http://域名/index.html即可打開后台

就是indexl.html排在第一就可以了。
測試下訪問

賬號密碼是 admin admin
如果錯誤試試 admin 123456
或者admin 123123
現在我們大功告成可以打包一下app了.
七、打包APP下載並測試
回到我們的Hbuilderx工具
打開manifest.json文件,點擊頂部導航的雲打包


彈出的界面 取消勾選 IOS,取消勾選開通廣告。
這里需要填入安卓證書,可以在線生成。
這是在線生成工具

填寫別名和組織名稱,還有密碼,生成證書后保存到桌面。

輸入別名和密碼后點擊下方的打包。


下方控制台會顯示打包狀態,打包成功后會出來一個下載地址,點擊下載就得到了對應的安卓包了,此安卓包便可用於安裝,這里我用模擬器安裝看下效果。


完美安裝成功~大功告成。按照方法一步步來,零基礎沒有技術的小白也能照樣擁有一個屬於自己的短視頻APP平台。