怎么部署微信小程序并上線?下面本篇文章分享一個(gè)部署微信小程序的過程并上線微信小程序,希望對(duì)大家有所幫助!
今天將簡(jiǎn)單介紹將項(xiàng)目部署到服務(wù)器中,并將前端代碼提交到微信待審核。下面直接開始正題。?
啟動(dòng)項(xiàng)目
??后端基于SpringBoot的微信小程序服務(wù)的所有接口已經(jīng)開發(fā)完成,那么現(xiàn)在開始將服務(wù)部署到云服務(wù)器中,登錄服務(wù)器。
使用Maven將項(xiàng)目打包完成,
將項(xiàng)目的文件打包上傳到服務(wù)器中
??通過命令 ls 可以看到已經(jīng)將文件上傳到服務(wù)器了。使用命令:java -jar BootWxTool-0.0.1-SNAPSHOT.jar 啟動(dòng)Spring Boot項(xiàng)目。啟動(dòng)過程如下圖。
java -jar BootWxTool-0.0.1-SNAPSHOT.jar
??項(xiàng)目啟動(dòng)完成之后,無法訪問服務(wù),可能是安全組沒有配置,到服務(wù)器一看,沒有配置安全組,將項(xiàng)目中使用到的端口在服務(wù)器安全組中進(jìn)行配置。
配置Nginx
將安全組配置之后,還需要配置Nginx進(jìn)行轉(zhuǎn)發(fā),本次使用的端口不是80端口。找到Nginx配置文件所在位置:
/www/server/nginx/conf
通過命令vim nginx.conf查看配置文件的路徑為:因此需要到這個(gè)路徑下對(duì)服務(wù)進(jìn)行配置。
include /www/server/panel/vhost/nginx/*.conf;
進(jìn)入到配置文件所在的文件夾
cd /www/server/panel/vhost/nginx/
新建一個(gè)文件
mkdir wxtool.conf
??輸入如下信息,listen后面是需要監(jiān)聽的端口信息,server_name是需要配置的域名信息。root后面跟著的是項(xiàng)目所在的路徑信息。需要注意的是要加入代理信息。否則可能無法訪問到項(xiàng)目路徑。proxy_***之后的信息就是需要配置的代理信息了。ssl_certificate和ssl_certificate_key是申請(qǐng)的SSL文件的路徑信息。
server { listen 80; listen 443 ssl http2; server_name weixin.******.com; index index.php index.html index.htm default.php default.htm default.html; root /java/springboot; if ($server_port !~ 443){ rewrite ^(/.*)$ https://$host$1 permanent; } location / { proxy_pass http://127.0.0.1:8080; proxy_set_header Host $host:80; proxy_set_header X-Real-IP $remote_addr; proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; } #HTTP_TO_HTTPS_END ssl_certificate /etc/letsencrypt/live/weixin/6199589_weixin.ruankaoti.com.pem; ssl_certificate_key /etc/letsencrypt/live/weixin/6199589_weixin.ruankaoti.com.key; ssl_protocols TLSv1 TLSv1.1 TLSv1.2; ssl_ciphers ECDHE-RSA-AES128-GCM-SHA256:HIGH:!aNULL:!MD5:!RC4:!DHE; ssl_prefer_server_ciphers on; ssl_session_cache shared:SSL:10m; ssl_session_timeout 10m; error_page 497 https://$host$request_uri; #SSL-END error_page 404 /404.html; error_page 502 /502.html; #ERROR-PAGE-END #禁止訪問的文件或目錄 location ~ ^/(\.user.ini|\.htaccess|\.git|\.svn|\.project|LICENSE|README.md) { return 404; } location ~ .*\.(gif|jpg|jpeg|png|bmp|swf)$ { expires 30d; error_log off; access_log off; } location ~ .*\.(js|css)?$ { expires 12h; error_log off; access_log off; } access_log /www/wwwlogs/weixin.*****.com.log; error_log /www/wwwlogs/weixin.*****.com.error.log; }
當(dāng)配置文件和申請(qǐng)的SSL證書都配置完成之后,在寶塔頁面Nginx管理臺(tái)中點(diǎn)擊重載配置即可。
測(cè)試項(xiàng)目
在瀏覽器中輸入我們配置的域名信息https://weixin.****.com ?可以看到已經(jīng)可以正常訪問網(wǎng)頁了。
打開微信開發(fā)者工具,將域名信息配置到文件中,進(jìn)行測(cè)試可以正常訪問,截圖如下:
??然后將前端的代碼上傳到測(cè)試版本,然后遞交審核之后就可以正常發(fā)布了。整個(gè)審核流程預(yù)計(jì)一天左右。審核完成之后,需要管理人員登錄到微信公眾平臺(tái)得后臺(tái)進(jìn)行上線,上線以后,大家就可以在小程序中訪問項(xiàng)目了。給大家上一張已經(jīng)發(fā)布上線的項(xiàng)目截圖。
結(jié)語
??好了,以上就是記錄一次部署微信小程序的過程并上線微信小程序,感謝您的閱讀,希望您喜歡,如對(duì)您有幫助,歡迎點(diǎn)贊收藏。如有不足之處,歡迎評(píng)論指正。下次見。
【相關(guān)學(xué)習(xí)推薦:小程序開發(fā)教程】
以上是手把手教你怎麼部署微信小程式並上線的詳細(xì)內(nèi)容。更多資訊請(qǐng)關(guān)注PHP中文網(wǎng)其他相關(guān)文章!

熱AI工具

Undress AI Tool
免費(fèi)脫衣圖片

Undresser.AI Undress
人工智慧驅(qū)動(dòng)的應(yīng)用程序,用於創(chuàng)建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Clothoff.io
AI脫衣器

Video Face Swap
使用我們完全免費(fèi)的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱門文章

熱工具

記事本++7.3.1
好用且免費(fèi)的程式碼編輯器

SublimeText3漢化版
中文版,非常好用

禪工作室 13.0.1
強(qiáng)大的PHP整合開發(fā)環(huán)境

Dreamweaver CS6
視覺化網(wǎng)頁開發(fā)工具

SublimeText3 Mac版
神級(jí)程式碼編輯軟體(SublimeText3)

閒魚官方微信小程式悄悄上線,在小程式中可以發(fā)布閒置與買家/賣家私訊交流、查看個(gè)人資料及訂單、搜尋物品等,有用好奇閒魚微信小程式叫什麼,現(xiàn)在快來看一下。閒魚微信小程式叫什麼答案:閒魚,閒置交易二手買賣估價(jià)回收。 1、在小程式中可以發(fā)布閒置、與買家/賣家私訊交流、查看個(gè)人資料及訂單、搜尋指定物品等功能;2、在小程式的頁面中有首頁、附近、發(fā)閒置、訊息、我的5項(xiàng)功能;3、想要使用的話必要要開通微信支付才可以購買;

實(shí)現(xiàn)微信小程式中的圖片濾鏡效果隨著社群媒體應(yīng)用程式的流行,人們?cè)絹碓较矚g在照片中應(yīng)用濾鏡效果,以增強(qiáng)照片的藝術(shù)效果和吸引力。在微信小程式中也可以實(shí)現(xiàn)圖片濾鏡效果,為使用者提供更多有趣和創(chuàng)意的照片編輯功能。本文將介紹如何在微信小程式中實(shí)現(xiàn)圖片濾鏡效果,並提供具體的程式碼範(fàn)例。首先,我們需要在微信小程式中使用canvas元件來載入和編輯圖片。 canvas元件可以在頁面

實(shí)現(xiàn)微信小程式中的下拉式選單效果,需要具體程式碼範(fàn)例隨著行動(dòng)互聯(lián)網(wǎng)的普及,微信小程式成為了網(wǎng)路開發(fā)的重要一環(huán),越來越多的人開始關(guān)注和使用微信小程式。微信小程式的開發(fā)相比傳統(tǒng)的APP開發(fā)更加簡(jiǎn)單快捷,但也需要掌握一定的開發(fā)技巧。在微信小程式的開發(fā)中,下拉式選單是一個(gè)常見的UI元件,實(shí)現(xiàn)了更好的使用者操作體驗(yàn)。本文將詳細(xì)介紹如何在微信小程式中實(shí)現(xiàn)下拉式選單效果,並提供具

閒魚官方微信小程式已經(jīng)悄悄上線,它為用戶提供了一個(gè)便捷的平臺(tái),讓你可以輕鬆地發(fā)布和交易閒置物品。在小程式中,你可以與買家或賣家進(jìn)行私訊交流,查看個(gè)人資料和訂單,以及搜尋你想要的物品。那麼閒魚在微信小程式中究竟叫什麼呢,這篇教學(xué)攻略將為您詳細(xì)介紹,想要了解的用戶們快來跟著本文繼續(xù)閱讀吧!閒魚微信小程式叫什麼答案:閒魚,閒置交易二手買賣估價(jià)回收。 1、在小程式中可以發(fā)布閒置、與買家/賣家私訊交流、查看個(gè)人資料及訂單、搜尋指定物品等功能;2、在小程式的頁面中有首頁、附近、發(fā)閒置、訊息、我的5項(xiàng)功能;3、

微信小程式實(shí)現(xiàn)圖片上傳功能隨著行動(dòng)網(wǎng)路的發(fā)展,微信小程式已經(jīng)成為了人們生活中不可或缺的一部分。微信小程式不僅提供了豐富的應(yīng)用場(chǎng)景,還支援開發(fā)者自訂功能,其中包括圖片上傳功能。本文將介紹如何在微信小程式中實(shí)作圖片上傳功能,並提供具體的程式碼範(fàn)例。一、前期準(zhǔn)備工作在開始編寫程式碼之前,我們需要先下載並安裝微信開發(fā)者工具,並註冊(cè)成為微信開發(fā)者。同時(shí),也需要了解微信

使用微信小程式實(shí)現(xiàn)輪播圖切換效果微信小程式是一種輕量級(jí)的應(yīng)用程序,具有簡(jiǎn)單、高效的開發(fā)和使用特點(diǎn)。在微信小程式中,實(shí)作輪播圖切換效果是常見的需求。本文將介紹如何使用微信小程式實(shí)現(xiàn)輪播圖切換效果,並給出具體的程式碼範(fàn)例。首先,在微信小程式的頁面檔案中,新增一個(gè)輪播圖元件。例如,可以使用<swiper>標(biāo)籤來實(shí)現(xiàn)輪播圖的切換效果。在該組件中,可以透過b

實(shí)現(xiàn)微信小程式中的圖片旋轉(zhuǎn)效果,需要具體程式碼範(fàn)例微信小程式是一種輕量級(jí)的應(yīng)用程序,為用戶提供了豐富的功能和良好的用戶體驗(yàn)。在小程式中,開發(fā)者可以利用各種元件和API來實(shí)現(xiàn)各種效果。其中,圖片旋轉(zhuǎn)效果是一種常見的動(dòng)畫效果,可以為小程式增添趣味性和視覺效果。在微信小程式中實(shí)作圖片旋轉(zhuǎn)效果,需要使用小程式提供的動(dòng)畫API。以下是一個(gè)具體的程式碼範(fàn)例,展示如何在小程

實(shí)作微信小程式中的滑動(dòng)刪除功能,需要具體程式碼範(fàn)例隨著微信小程式的流行,開發(fā)者在開發(fā)過程中經(jīng)常會(huì)遇到一些常見功能的實(shí)作問題。其中,滑動(dòng)刪除功能是常見、常用的功能需求。本文將為大家詳細(xì)介紹如何在微信小程式中實(shí)現(xiàn)滑動(dòng)刪除功能,並給出具體的程式碼範(fàn)例。一、需求分析在微信小程式中,滑動(dòng)刪除功能的實(shí)作涉及以下要點(diǎn):列表展示:要顯示可滑動(dòng)刪除的列表,每個(gè)列表項(xiàng)目需要包
