【技術(shù)實(shí)現(xiàn)步驟摘要】
本申請涉及人工智能，尤其涉及一種應(yīng)用于vue遠(yuǎn)程頁面的加載方法及相關(guān)設(shè)備。
技術(shù)介紹
1、在目前在vue開發(fā)模式中的單頁應(yīng)用(spa)中，將頁面所有js、css打包成一個入口文件，在加載頁面的時候加載已打包好的入口文件，如果入口文件過大或者用戶網(wǎng)絡(luò)不太好的情況下，加載速度較慢，白屏?xí)r間較長，用戶體驗(yàn)不太好，但加載完后，頁面路由切換十分流暢；在開發(fā)者開發(fā)時，webpack啟動時需要編譯所有路由頁面文件，路由數(shù)越多啟動越慢。
2、由此可見，傳統(tǒng)的vue開發(fā)模式中的單頁應(yīng)用(spa)存在性能過低、影響用戶體驗(yàn)的問題。
技術(shù)實(shí)現(xiàn)思路
1、本申請實(shí)施例的目的在于提出一種應(yīng)用于vue遠(yuǎn)程頁面的加載方法及相關(guān)設(shè)備，以解決傳統(tǒng)的vue開發(fā)模式中的單頁應(yīng)用(spa)存在性能過低、影響用戶體驗(yàn)的問題。
2、為了解決上述技術(shù)問題，本申請實(shí)施例提供一種應(yīng)用于vue遠(yuǎn)程頁面的加載方法，采用了如下所述的技術(shù)方案：
3、獲取開發(fā)完成的單頁應(yīng)用；
4、根據(jù)所述單頁應(yīng)用生成javascript文件、page.json以及version.json；
5、將所述javascript文件、所述page.json以及所述version.json部署在nginx服務(wù)器；
6、根據(jù)addroute命令將所述page.json中的數(shù)組所對應(yīng)的路由依次添加到所述單頁應(yīng)用的路由；
7、接收訪問終端發(fā)送的攜帶有訪問標(biāo)識符的訪問請求；
8、根
9、渲染所述目標(biāo)路由并通過所述訪問終端進(jìn)行展示。
10、進(jìn)一步的，在所述根據(jù)所述單頁應(yīng)用生成javascript文件、page.json以及version.json的步驟之后，還包括下述步驟：
11、采用代碼質(zhì)量檢測工具對所述javascript文件、所述page.json以及所述version.json進(jìn)行校驗(yàn)操作，得到校驗(yàn)結(jié)果；
12、若所述校驗(yàn)結(jié)果不存在錯誤信息，則執(zhí)行所述javascript文件、所述page.json以及所述version.json部署在nginx服務(wù)器的步驟；
13、若所述校驗(yàn)結(jié)果存在錯誤信息，則記錄所述錯誤信息，并終止所述生成操作。
14、進(jìn)一步的，所述根據(jù)addroute命令將所述page.json中的數(shù)組所對應(yīng)的路由依次添加到所述單頁應(yīng)用的路由的步驟，具體包括下述步驟：
15、創(chuàng)建與所述page.json對應(yīng)的文件傳輸通道，其中，所述文件傳輸通道設(shè)置有用戶權(quán)限以及訪問權(quán)限。
16、進(jìn)一步的，在所述渲染所述目標(biāo)路由并通過所述訪問終端進(jìn)行展示的步驟之后，還包括下述步驟：
17、創(chuàng)建與所述單頁應(yīng)用相對應(yīng)的監(jiān)控告警平臺，對系統(tǒng)的檢測指標(biāo)進(jìn)行實(shí)時監(jiān)測，其中，所述指標(biāo)包括服務(wù)器負(fù)載、網(wǎng)絡(luò)流量、接口響應(yīng)時間；
18、當(dāng)所述檢測指標(biāo)出現(xiàn)異常時，通過短信、郵件方式及時通知運(yùn)維人員進(jìn)行處理。
19、進(jìn)一步的，所述渲染所述目標(biāo)路由并通過所述訪問終端進(jìn)行展示的步驟，具體包括下述步驟：
20、利用代碼分割和懶加載技術(shù)減小初次加載的代碼體積。
21、進(jìn)一步的，在所述渲染所述目標(biāo)路由并通過所述訪問終端進(jìn)行展示的步驟之后，還包括下述步驟：
22、獲取與單頁應(yīng)用相對應(yīng)的訪問日志以及監(jiān)控?cái)?shù)據(jù)；
23、根據(jù)hadoop生態(tài)系統(tǒng)進(jìn)行對所述訪問日志以及所述監(jiān)控?cái)?shù)據(jù)進(jìn)行數(shù)據(jù)分析操作，得到數(shù)據(jù)分析結(jié)果；
24、根據(jù)所述數(shù)據(jù)分析結(jié)果對所述單頁應(yīng)用的部署架構(gòu)和配置參數(shù)進(jìn)行動態(tài)優(yōu)化和調(diào)整。
25、為了解決上述技術(shù)問題，本申請實(shí)施例還提供一種應(yīng)用于vue遠(yuǎn)程頁面的加載裝置，采用了如下所述的技術(shù)方案：
26、單頁應(yīng)用獲取模塊，用于獲取開發(fā)完成的單頁應(yīng)用；
27、文件生成模塊，用于根據(jù)所述單頁應(yīng)用生成javascript文件、page.json以及version.json；
28、部署模塊，用于將所述javascript文件、所述page.json以及所述version.json部署在nginx服務(wù)器；
29、路由添加模塊，用于根據(jù)addroute命令將所述page.json中的數(shù)組所對應(yīng)的路由依次添加到所述單頁應(yīng)用的路由；
30、請求獲取模塊，用于接收訪問終端發(fā)送的攜帶有訪問標(biāo)識符的訪問請求；
31、匹配模塊，用于根據(jù)所述訪問標(biāo)識符與所述addroute命令添加的路由進(jìn)行匹配，得到目標(biāo)路由；
32、渲染模塊，用于渲染所述目標(biāo)路由并通過所述訪問終端進(jìn)行展示。
33、進(jìn)一步的，所述裝置還包括：
34、校驗(yàn)?zāi)K，用于采用代碼質(zhì)量檢測工具對所述javascript文件、所述page.json以及所述version.json進(jìn)行校驗(yàn)操作，得到校驗(yàn)結(jié)果；
35、第一檢驗(yàn)結(jié)果模塊，用于若所述校驗(yàn)結(jié)果不存在錯誤信息，則執(zhí)行所述javascript文件、所述page.json以及所述version.json部署在nginx服務(wù)器的步驟；
36、第二校驗(yàn)結(jié)果模塊，用于若所述校驗(yàn)結(jié)果存在錯誤信息，則記錄所述錯誤信息，并終止所述生成操作。
37、為了解決上述技術(shù)問題，本申請實(shí)施例還提供一種計(jì)算機(jī)設(shè)備，采用了如下所述的技術(shù)方案：
38、包括存儲器和處理器，所述存儲器中存儲有計(jì)算機(jī)可讀指令，所述處理器執(zhí)行所述計(jì)算機(jī)可讀指令時實(shí)現(xiàn)如上所述的應(yīng)用于vue遠(yuǎn)程頁面的加載方法的步驟。
39、為了解決上述技術(shù)問題，本申請實(shí)施例還提供一種計(jì)算機(jī)可讀存儲介質(zhì)，采用了如下所述的技術(shù)方案：
40、所述計(jì)算機(jī)可讀存儲介質(zhì)上存儲有計(jì)算機(jī)可讀指令，所述計(jì)算機(jī)可讀指令被處理器執(zhí)行時實(shí)現(xiàn)如上所述的應(yīng)用于vue遠(yuǎn)程頁面的加載方法的步驟。
41、本申請?zhí)峁┝艘环N應(yīng)用于vue遠(yuǎn)程頁面的加載方法，包括：獲取開發(fā)完成的單頁應(yīng)用；根據(jù)所述單頁應(yīng)用生成javascript文件、page.json以及version.json；將所述javascript文件、所述page.json以及所述version.json部署在nginx服務(wù)器；根據(jù)addroute命令將所述page.json中的數(shù)組所對應(yīng)的路由依次添加到所述單頁應(yīng)用的路由；接收訪問終端發(fā)送的攜帶有訪問標(biāo)識符的訪問請求；根據(jù)所述訪問標(biāo)識符與所述addroute命令添加的路由進(jìn)行匹配，得到目標(biāo)路由；渲染所述目標(biāo)路由并通過所述訪問終端進(jìn)行展示。與現(xiàn)有技術(shù)相比，本申請?jiān)黾觱ersion.json存儲開發(fā)頁面的版本號，避免后續(xù)反復(fù)加載獲取page.json，極大的提升了頁面的性能，另外，開發(fā)的頁面路由存儲在page.json中，入口文件極小，性能極佳，同時發(fā)版本只需要發(fā)布頁面js、version.json、pag本文檔來自技高網(wǎng)...
【技術(shù)保護(hù)點(diǎn)】
1.一種應(yīng)用于vue遠(yuǎn)程頁面的加載方法，其特征在于，所述方法應(yīng)用于vue單頁應(yīng)用開發(fā)模式，包括下述步驟：
2.根據(jù)權(quán)利要求1所述的應(yīng)用于vue遠(yuǎn)程頁面的加載方法，其特征在于，在所述根據(jù)所述單頁應(yīng)用生成JavaScript文件、page.json以及version.json的步驟之后，還包括下述步驟：
3.根據(jù)權(quán)利要求1所述的應(yīng)用于vue遠(yuǎn)程頁面的加載方法，其特征在于，所述根據(jù)addroute命令將所述page.json中的數(shù)組所對應(yīng)的路由依次添加到所述單頁應(yīng)用的路由的步驟，具體包括下述步驟：
4.根據(jù)權(quán)利要求1所述的應(yīng)用于vue遠(yuǎn)程頁面的加載方法，其特征在于，在所述渲染所述目標(biāo)路由并通過所述訪問終端進(jìn)行展示的步驟之后，還包括下述步驟：
5.根據(jù)權(quán)利要求1所述的應(yīng)用于vue遠(yuǎn)程頁面的加載方法，其特征在于，所述渲染所述目標(biāo)路由并通過所述訪問終端進(jìn)行展示的步驟，具體包括下述步驟：
6.根據(jù)權(quán)利要求1所述的應(yīng)用于vue遠(yuǎn)程頁面的加載方法，其特征在于，在所述渲染所述目標(biāo)路由并通過所述訪問終端進(jìn)行展示的步驟之后，還包括下述步驟：p>
7.一種應(yīng)用于vue遠(yuǎn)程頁面的加載裝置，其特征在于，包括：
8.根據(jù)權(quán)利要求7所述的應(yīng)用于vue遠(yuǎn)程頁面的加載裝置，其特征在于，所述裝置還包括：
9.一種計(jì)算機(jī)設(shè)備，包括存儲器和處理器，其特征在于，所述存儲器中存儲有計(jì)算機(jī)可讀指令，所述處理器執(zhí)行所述計(jì)算機(jī)可讀指令時實(shí)現(xiàn)如權(quán)利要求1至6中任一項(xiàng)所述的應(yīng)用于vue遠(yuǎn)程頁面的加載方法的步驟。
10.一種計(jì)算機(jī)可讀存儲介質(zhì)，其特征在于，所述計(jì)算機(jī)可讀存儲介質(zhì)上存儲有計(jì)算機(jī)可讀指令，所述計(jì)算機(jī)可讀指令被處理器執(zhí)行時實(shí)現(xiàn)如權(quán)利要求1至6中任一項(xiàng)所述的應(yīng)用于vue遠(yuǎn)程頁面的加載方法的步驟。
...【技術(shù)特征摘要】
1.一種應(yīng)用于vue遠(yuǎn)程頁面的加載方法，其特征在于，所述方法應(yīng)用于vue單頁應(yīng)用開發(fā)模式，包括下述步驟：
2.根據(jù)權(quán)利要求1所述的應(yīng)用于vue遠(yuǎn)程頁面的加載方法，其特征在于，在所述根據(jù)所述單頁應(yīng)用生成javascript文件、page.json以及version.json的步驟之后，還包括下述步驟：
3.根據(jù)權(quán)利要求1所述的應(yīng)用于vue遠(yuǎn)程頁面的加載方法，其特征在于，所述根據(jù)addroute命令將所述page.json中的數(shù)組所對應(yīng)的路由依次添加到所述單頁應(yīng)用的路由的步驟，具體包括下述步驟：
4.根據(jù)權(quán)利要求1所述的應(yīng)用于vue遠(yuǎn)程頁面的加載方法，其特征在于，在所述渲染所述目標(biāo)路由并通過所述訪問終端進(jìn)行展示的步驟之后，還包括下述步驟：
5.根據(jù)權(quán)利要求1所述的應(yīng)用于vue遠(yuǎn)程頁面的加載方法，其特征在于，所述渲染所述目標(biāo)路由并通過...
【專利技術(shù)屬性】
技術(shù)研發(fā)人員：晏莉輝，
申請(專利權(quán))人：中國平安財(cái)產(chǎn)保險股份有限公司，
類型：發(fā)明
國別省市：
還沒有人留言評論。發(fā)表了對其他瀏覽者有用的留言會獲得科技券。