国产 无码 综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

前后端分離:Spring Boot + Vue + 微信小程序 寶塔面板部署教程自用

這篇具有很好參考價值的文章主要介紹了前后端分離:Spring Boot + Vue + 微信小程序 寶塔面板部署教程自用。希望對大家有所幫助。如果存在錯誤或未考慮完全的地方,請大家不吝賜教,您也可以點擊"舉報違法"按鈕提交疑問。

前言:部署小程序后臺(非云開發(fā))需要:

1.一臺云服務(wù)器(購買三個月以上,不然域名備案不了)

2.備案了的域名(小程序上線審核非常麻煩,域名一定要提前備案,通過審核大概要十幾天)

一、購買服務(wù)器,注冊域名并備案

阿里云或騰訊云都可,哪個便宜買哪個。騰訊云的輕量服務(wù)器就有自帶的寶塔面板,免安裝。阿里云也有,好好找一下。

1.安裝寶塔面板,服務(wù)器有可略過。

寶塔Linux面板安裝教程 - 2022年2月18日更新 - 7.9.0正式版 - Linux面板 - 寶塔面板論壇

前后端分離:Spring Boot + Vue + 微信小程序 寶塔面板部署教程自用

?什么系統(tǒng)就找對應(yīng)的命令在終端安裝。

2.在云服務(wù)器的安全組這里,打開對應(yīng)端口

端口 作用
8888 寶塔默認端口
80 http默認端口
443 https默認端口
22 ssh工具默認端口
3306 mysql數(shù)據(jù)庫默認端口
xxxx 后端項目端口

3.在寶塔面板的軟件商店裝下這些東西

前后端分離:Spring Boot + Vue + 微信小程序 寶塔面板部署教程自用

?前后端分離:Spring Boot + Vue + 微信小程序 寶塔面板部署教程自用

?有些在安裝面板的時候就已經(jīng)安裝好了。

3.新建站點

前后端分離:Spring Boot + Vue + 微信小程序 寶塔面板部署教程自用

?填寫域名(域名我這里用的是公網(wǎng)IP地址,域名留給接下來的小程序使用,域名和IP地址解析了就行,問題不大),點擊確定

前后端分離:Spring Boot + Vue + 微信小程序 寶塔面板部署教程自用

?點擊設(shè)置,配置ssl證書(ssl證書在云服務(wù)器那里有免費的,我這里已經(jīng)配置過了,僅作演示)

前后端分離:Spring Boot + Vue + 微信小程序 寶塔面板部署教程自用

?部署ssl,把在阿里云申請的證書復制上去

前后端分離:Spring Boot + Vue + 微信小程序 寶塔面板部署教程自用

二、設(shè)置數(shù)據(jù)庫

前后端分離:Spring Boot + Vue + 微信小程序 寶塔面板部署教程自用

?導入.sql文件

前后端分離:Spring Boot + Vue + 微信小程序 寶塔面板部署教程自用

?導入出錯可能是數(shù)據(jù)庫版本不一樣:[ERR] 1273 - Unknown collation: 'utf8mb4_0900_ai_ci'_微笑的花的博客-CSDN博客_utf8mb4_0900_ai_ci

三、打包后臺的jar包

看看用戶名和密碼

前后端分離:Spring Boot + Vue + 微信小程序 寶塔面板部署教程自用

打包

前后端分離:Spring Boot + Vue + 微信小程序 寶塔面板部署教程自用?

上傳jar包

前后端分離:Spring Boot + Vue + 微信小程序 寶塔面板部署教程自用

這里把小程序后端的jar一起打包了?

前后端分離:Spring Boot + Vue + 微信小程序 寶塔面板部署教程自用

ssl的jks配置看這里:微信小程序后臺部署_weixin_48967642的博客-CSDN博客_微信小程序后端部署

ssl:
? ?key-store: classpath:stupidkid.top.jks #證書的路徑
? ?key-store-password: s64l1tlafob5a #證書密碼,請修改為您自己證書的密碼.
? ?key-store-type: JKS #秘鑰庫類型
? ?enabled: true
?

注意:jks文件我放在resource目錄下。

數(shù)據(jù)庫用戶名和密碼要與云服務(wù)器的一致。?

打包上傳。

四、部署后臺

前后端分離:Spring Boot + Vue + 微信小程序 寶塔面板部署教程自用

?前后端分離:Spring Boot + Vue + 微信小程序 寶塔面板部署教程自用

?配置ssl證書

前后端分離:Spring Boot + Vue + 微信小程序 寶塔面板部署教程自用

?五、打包前臺

?生產(chǎn)環(huán)境配置:IP地址:端口號前后端分離:Spring Boot + Vue + 微信小程序 寶塔面板部署教程自用

?打包

前后端分離:Spring Boot + Vue + 微信小程序 寶塔面板部署教程自用

?壓縮dist文件夾,上傳到前臺的目錄下,解壓

前后端分離:Spring Boot + Vue + 微信小程序 寶塔面板部署教程自用

?在瀏覽器輸入IP地址,部署后臺成功

六、部署小程序

前后端分離:Spring Boot + Vue + 微信小程序 寶塔面板部署教程自用

?這里使用到了域名配置ssl。

去微信后臺,填域名。

前后端分離:Spring Boot + Vue + 微信小程序 寶塔面板部署教程自用

?在微信開發(fā)者工具

前后端分離:Spring Boot + Vue + 微信小程序 寶塔面板部署教程自用

點擊上傳。?

微信公眾平臺掃碼體驗自己的小程序。

(菜鳥首次部署,請批評指正)

插一個nginx配置教程,本文中沒用到:百度安全驗證文章來源地址http://www.zghlxwxcb.cn/news/detail-482305.html

到了這里,關(guān)于前后端分離:Spring Boot + Vue + 微信小程序 寶塔面板部署教程自用的文章就介紹完了。如果您還想了解更多內(nèi)容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!

本文來自互聯(lián)網(wǎng)用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務(wù),不擁有所有權(quán),不承擔相關(guān)法律責任。如若轉(zhuǎn)載,請注明出處: 如若內(nèi)容造成侵權(quán)/違法違規(guī)/事實不符,請點擊違法舉報進行投訴反饋,一經(jīng)查實,立即刪除!

領(lǐng)支付寶紅包贊助服務(wù)器費用

相關(guān)文章

  • Spring Boot(Vue3+ElementPlus+Axios+MyBatisPlus+Spring Boot 前后端分離)【四】

    Spring Boot(Vue3+ElementPlus+Axios+MyBatisPlus+Spring Boot 前后端分離)【四】

    ??前言 本篇博文是關(guān)于Spring Boot(Vue3+ElementPlus+Axios+MyBatisPlus+Spring Boot 前后端分離)【四】,希望你能夠喜歡 ??個人主頁:晨犀主頁 ??個人簡介:大家好,我是晨犀,希望我的文章可以幫助到大家,您的滿意是我的動力???? ??歡迎大家:這里是CSDN,我總結(jié)知識的地方,歡

    2024年02月11日
    瀏覽(124)
  • Spring Boot(Vue3+ElementPlus+Axios+MyBatisPlus+Spring Boot 前后端分離)【二】

    Spring Boot(Vue3+ElementPlus+Axios+MyBatisPlus+Spring Boot 前后端分離)【二】

    ??前言 本篇博文是關(guān)于Spring Boot(Vue3+ElementPlus+Axios+MyBatisPlus+Spring Boot 前后端分離)【二】的,希望你能夠喜歡 ??個人主頁:晨犀主頁 ??個人簡介:大家好,我是晨犀,希望我的文章可以幫助到大家,您的滿意是我的動力???? ??歡迎大家:這里是CSDN,我總結(jié)知識的地方,

    2024年02月11日
    瀏覽(113)
  • Spring Boot(Vue3+ElementPlus+Axios+MyBatisPlus+Spring Boot 前后端分離)【五】

    Spring Boot(Vue3+ElementPlus+Axios+MyBatisPlus+Spring Boot 前后端分離)【五】

    ??前言 本篇博文是關(guān)于Spring Boot(Vue3+ElementPlus+Axios+MyBatisPlus+Spring Boot 前后端分離)【五】,希望你能夠喜歡 ??個人主頁:晨犀主頁 ??個人簡介:大家好,我是晨犀,希望我的文章可以幫助到大家,您的滿意是我的動力???? ??歡迎大家:這里是CSDN,我總結(jié)知識的地方,歡

    2024年02月10日
    瀏覽(79)
  • Spring Boot(Vue3+ElementPlus+Axios+MyBatisPlus+Spring Boot 前后端分離)【三】

    Spring Boot(Vue3+ElementPlus+Axios+MyBatisPlus+Spring Boot 前后端分離)【三】

    ??前言 本篇博文是關(guān)于Spring Boot(Vue3+ElementPlus+Axios+MyBatisPlus+Spring Boot 前后端分離)【三】的分享,希望你能夠喜歡 ??個人主頁:晨犀主頁 ??個人簡介:大家好,我是晨犀,希望我的文章可以幫助到大家,您的滿意是我的動力???? ??歡迎大家:這里是CSDN,我總結(jié)知識的地

    2024年02月11日
    瀏覽(99)
  • 手把手教你搭建Spring Boot+Vue前后端分離

    手把手教你搭建Spring Boot+Vue前后端分離

    1 什么是前后端分離 前后端分離是目前互聯(lián)網(wǎng)開發(fā)中比較廣泛使用的開發(fā)模式,主要是將前端和后端的項目業(yè)務(wù)進行分離,可以做到更好的解耦合,前后端之間的交互通過xml或json的方式,前端主要做用戶界面的渲染,后端主要負責業(yè)務(wù)邏輯和數(shù)據(jù)的處理。 2 Spring Boot后端搭建

    2023年04月08日
    瀏覽(100)
  • Spring Boot+Vue前后端分離項目如何部署到服務(wù)器

    Spring Boot+Vue前后端分離項目如何部署到服務(wù)器

    ?? 前言 歡迎來到我的技術(shù)小宇宙!?? 這里不僅是我記錄技術(shù)點滴的后花園,也是我分享學習心得和項目經(jīng)驗的樂園。?? 無論你是技術(shù)小白還是資深大牛,這里總有一些內(nèi)容能觸動你的好奇心。?? ?? 洛可可白 :個人主頁 ?? 個人專欄 :?前端技術(shù) ?后端技術(shù) ?? 個人

    2024年04月11日
    瀏覽(108)
  • Java之Spring Boot+Vue+Element UI前后端分離項目

    Java之Spring Boot+Vue+Element UI前后端分離項目

    typeId : this.typeId, }).then((res) = { this.$router.push(“/”); this.$message.success(“文章發(fā)布成功!”); }).catch(() = { this.$message.error(“文章發(fā)布失??!”); }); }, handleAvatarSuccess(res, file) { this.imageUrl = URL.createObjectURL(file.raw); this.thumbnail = “http://localhost:9090/img/” + res; }, selectType(typename,id) { t

    2024年04月27日
    瀏覽(43)
  • SpringBoot + Vue前后端分離項目實戰(zhàn) || 三:Spring Boot后端與Vue前端連接

    SpringBoot + Vue前后端分離項目實戰(zhàn) || 三:Spring Boot后端與Vue前端連接

    系列文章: SpringBoot + Vue前后端分離項目實戰(zhàn) || 一:Vue前端設(shè)計 SpringBoot + Vue前后端分離項目實戰(zhàn) || 二:Spring Boot后端與數(shù)據(jù)庫連接 SpringBoot + Vue前后端分離項目實戰(zhàn) || 三:Spring Boot后端與Vue前端連接 SpringBoot + Vue前后端分離項目實戰(zhàn) || 四:用戶管理功能實現(xiàn) SpringBoot + Vue前后

    2024年02月12日
    瀏覽(46)
  • Linux/openEuler系統(tǒng)部署spring boot+vue前后端分離項目(nginx均衡代理)

    Linux/openEuler系統(tǒng)部署spring boot+vue前后端分離項目(nginx均衡代理)

    可以看我前面的文章 華為openEuler系統(tǒng)安裝openjdk并配置環(huán)境變量 openEuler系統(tǒng)安裝nginx HUAWEI-OpenEuler系統(tǒng)安裝MySQL服務(wù)器并使用詳細步驟 Ubuntu安裝MySQL服務(wù)器詳細步驟 在確定項目可以正常運行的前提下,進行package打出jar包 npm run build 打包成功后在項目文件路徑下出現(xiàn)dist文件夾

    2024年03月24日
    瀏覽(34)
  • SpringBoot + Vue前后端分離項目實戰(zhàn) || 二:Spring Boot后端與數(shù)據(jù)庫連接

    SpringBoot + Vue前后端分離項目實戰(zhàn) || 二:Spring Boot后端與數(shù)據(jù)庫連接

    系列文章: SpringBoot + Vue前后端分離項目實戰(zhàn) || 一:Vue前端設(shè)計 SpringBoot + Vue前后端分離項目實戰(zhàn) || 二:Spring Boot后端與數(shù)據(jù)庫連接 SpringBoot + Vue前后端分離項目實戰(zhàn) || 三:Spring Boot后端與Vue前端連接 SpringBoot + Vue前后端分離項目實戰(zhàn) || 四:用戶管理功能實現(xiàn) SpringBoot + Vue前后

    2024年02月11日
    瀏覽(53)

覺得文章有用就打賞一下文章作者

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

請作者喝杯咖啡吧~博客贊助

支付寶掃一掃領(lǐng)取紅包,優(yōu)惠每天領(lǐng)

二維碼1

領(lǐng)取紅包

二維碼2

領(lǐng)紅包