亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

目錄
啟動(dòng)項(xiàng)目
配置Nginx
測(cè)試項(xiàng)目
結(jié)語
首頁 微信小程式 小程式開發(fā) 手把手教你怎麼部署微信小程式並上線

手把手教你怎麼部署微信小程式並上線

Dec 03, 2021 am 10:18 AM
微信小程式

怎么部署微信小程序并上線?下面本篇文章分享一個(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)文章!

本網(wǎng)站聲明
本文內(nèi)容由網(wǎng)友自願(yuàn)投稿,版權(quán)歸原作者所有。本站不承擔(dān)相應(yīng)的法律責(zé)任。如發(fā)現(xiàn)涉嫌抄襲或侵權(quán)的內(nèi)容,請(qǐng)聯(lián)絡(luò)admin@php.cn

熱AI工具

Undress AI Tool

Undress AI Tool

免費(fèi)脫衣圖片

Undresser.AI Undress

Undresser.AI Undress

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

AI Clothes Remover

AI Clothes Remover

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

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

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

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費(fèi)的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強(qiáng)大的PHP整合開發(fā)環(huán)境

Dreamweaver CS6

Dreamweaver CS6

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

SublimeText3 Mac版

SublimeText3 Mac版

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

閒魚微信小程式正式上線 閒魚微信小程式正式上線 Feb 10, 2024 pm 10:39 PM

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

實(shí)現(xiàn)微信小程式中的圖片濾鏡效果 實(shí)現(xiàn)微信小程式中的圖片濾鏡效果 Nov 21, 2023 pm 06:22 PM

實(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í)作微信小程式中的下拉式選單效果 實(shí)作微信小程式中的下拉式選單效果 Nov 21, 2023 pm 03:03 PM

實(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)下拉式選單效果,並提供具

閒魚微信小程式叫什麼 閒魚微信小程式叫什麼 Feb 27, 2024 pm 01:11 PM

閒魚官方微信小程式已經(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)圖片上傳功能 微信小程式實(shí)現(xiàn)圖片上傳功能 Nov 21, 2023 am 09:08 AM

微信小程式實(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)輪播圖切換效果 使用微信小程式實(shí)現(xiàn)輪播圖切換效果 Nov 21, 2023 pm 05:59 PM

使用微信小程式實(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)效果 實(shí)現(xiàn)微信小程式中的圖片旋轉(zhuǎn)效果 Nov 21, 2023 am 08:26 AM

實(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)刪除功能 實(shí)作微信小程式中的滑動(dòng)刪除功能 Nov 21, 2023 pm 06:22 PM

實(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)目需要包

See all articles