1. <cite id="qsh2f"></cite>
        1. <rp id="qsh2f"></rp>
          <cite id="qsh2f"></cite>
            1. <rt id="qsh2f"></rt>
              推薦新聞
              從0開始搭建微信小程序(前后端)的全過程
              發布者:深藍互聯
              發布時間:2019-07-04
              點擊:

              前端
              1. 注冊微信小程序賬號
              進入:微信公眾平臺, 選擇小程序的賬號類型按照流程進行注冊。注意每個郵箱只能注冊一個賬號。
              2. 下載開發工具
              有了賬號后,我們就可以使用這個賬號進行開發了,開發用的IDE是騰訊出品的微信開發者工具,進入:小程序開發工具,下載對應的版本安裝即可。
              3. 開始進入小程序前端開發
              打開剛下載好的微信開發者工具,掃碼登錄、創建小程序項目。登錄微信公眾號平臺,在開發->開發設置->開發者ID中找到你小程序的AppID并填入到項目設置里。
               


              接著開始真正具體頁面的開發了,開發過程參考開發文檔:微信小程序接入指南
              4. 前端開發過程
              小程序前端開發其實就是在騰訊的開發工具里,使用js語言,遵循騰訊小程序的開發文檔規范進行代碼編寫。開發過程中可以編譯、預覽、真機調試等,可以使用各種插件,可以調用一些公共的api或者自己定義的后端接口,也可以使用騰訊提供的云函數。
              調用的后端接口需要是https開頭的,并且需要在微信公眾平臺的開發->開發設置->服務器域名里配置好。
              5. 打包上線
              開發完成后就可以準備上線了,首先在開發者工具里將寫好的代碼上傳,點擊上傳,定義版本號和注釋,再到微信公眾平臺的版本管理提交審核,待審核通過了就表示上線成功了,就可以在微信中搜索到你的小程序進行訪問了。
               


              小結
              到這里,前端的工作就算是完成了,其實一般如果不涉及復雜數據處理的話,后端不是必需的,直接所有簡單數據都存放在前端就行了。如果你的小程序是這樣的話,那本文到這里就可以結束了。后面的你也不需要看了。如果你需要更靈活的交互,更復雜的邏輯,那后端接口則必不可少了。那更復雜的后端數據接口又是怎么完成的呢,跟著我繼續往下走你就知道了。
              后端
              后端主要是提供給小程序數據接口,讓小程序各個頁面都能有排行榜數據展示,這里我提供的是http接口,返回的Json格式的字符串。使用的語言是Java,使用的框架是SpringBoot,將最終的java代碼打包成war包部署在云主機上的web服務器Tomcat中,Tomcat就可以自動的將通過url過來的請求分發到我的程序代碼的處理邏輯中,處理完請求拿到相應的數據則以Json字符串的格式返回。
              主要流程如下圖:
               


              服務器搭建
               

              1. 購買云服務器
              首先要存放后端程序代碼,需要一臺機器,自己的電腦雖然也可以,但是自己的電腦可不能保證24小時都開機且讓外網能訪問到,所以需要購買一臺云服務器;其次,外網能訪問到意味著需要一個公網IP,購買的云服務器會配套一個對應的IP地址。
              這里我使用的是騰訊云服務器,進入官網購買:騰訊云,選擇服務器的配置,付款即可。
              基于經費預算以及實際需要(其實還是因為舍不得花錢)的考慮,我這里選擇的是比較低配的機器:

              • CPU:1 核
              • 內存:1 GB
              • 公網帶寬:1 Mbps
              • 操作系統:CentOS 7.5 64位
              • 系統盤:高性能云硬盤,共 50 GB
              • 數據盤:高性能云硬盤,共 50 GB

              2. 購買域名
              域名是用來映射到IP上,便于直接使用域名訪問其綁定IP所在的服務器。雖然直接用IP和端口的形式也可以訪問到我們購買的云服務器,但是一來IP不好記,二來微信不允許使用IP加端口形式的url。所以只能“慷慨解囊”購買一個域名了。
              域名可以在任意域名服務商購買,我為了方便也是直接在騰訊云上買的,購買鏈接:域名注冊
               


              3. 域名解析
              買好了域名,那這個域名怎么用呢,不和IP配套使用的域名是沒有任何意義的域名。這里我們需要將這個域名或者其子域名綁定在我們需要對外提供服務的服務器所對應的IP上,也就是我剛剛購買的云服務器的IP上。
              在騰訊云后臺的云解析里,點擊你的域名添加記錄,一般主要是添加A記錄,也就是將域名綁定到IPv4地址上,可以添加多條,以主機記錄區分各級的域名,@表示直接使用二級域名http://xxx.com,其他的則表示使用三級或更多級的域名,掛在你自己二級域名以下的多級域名都歸你管。
               


              4. 域名備案
              為什么要域名備案呢?這個,普天之下莫非王土,互聯網這塊一畝三分地自然也是屬于國家的,不能隨隨便便讓你接入服務。要想在這塊地開墾拓荒,不是不可以,只是需要向國家報備,接受監管。
              整個小程序的搭建過程,域名備案花的時間是最長的,花了十幾二十天。進入備案頁面:備案管理開始備案,詳細的我就不多說了, 備案過程詳情參考:網站備案 主要流程包括下面幾個:
              (1) 辦理幕布拍照 (2) 驗證備案信息 (3) 填寫主體信息 (4) 填寫網站信息 (5) 上傳材料 (6) 確認備案信息,提交初審 (7) 通過審核,完成備案
              5. 購買SSL證書
              為什么需要SSL證書呢?因為配置了SSL證書后可以讓我們的url以https開頭,這是微信小程序中要求的域名訪問方式,以加密傳輸的方式更加安全。
              說是購買,其實你可以選擇免費的證書“購買”,一樣可以達到目的,只是沒有付費的加密功能強,安全性自然弱了一等。不過這也阻攔不了我選擇免費的,畢竟窮字當頭。
              進入購買頁面:SSL證書, 選擇你要購買的證書的配置,下單付錢即可,將證書下載下來,后續配置web服務器用得著。相關閱讀:網絡輿情信息監控分析
              小結
              經過了前面5個大步驟,這時我們的服務器具備了使用https協議通過域名訪問的能力。接下來的工作就剩下開發我們的后端接口以及把后端程序代碼部署到這臺服務器上供小程序訪問。
              后端程序開發
              環境

              • 開發語言:Java 8
              • 開發集成環境:IntelliJ IDEA Ultimate 2017
              • web框架:Springboot
              • 構建工具:Maven

              安裝這些工具就不細講了,網上一大堆教程,而且要是不懂后端開發的,安裝了這一套環境也沒用,這里姑且假設讀者也是懂一定的后端開發知識。

              準備:

              • 云服務主機: 騰訊云服務器
              • Web應用服務器:Tomcat 8
              • JRE:Java 8
              • SSL證書:Tomcat對應的SSL證書
              • FTP傳輸工具:FileZilla

              首先登錄購買的那臺云服務器,部署前先安裝好環境,主要是安裝JRE和Tomcat,安裝好后還需要對Tomcat進行一番配置。
              1. 安裝環境

              • 安裝JRE 點擊下載Java運行時環境:Java SE Runtime Environment 8u201,下載后安裝。
              • 安裝Tomcat 需要提前安裝好Tomcat。進Tomcat官網下載對應版本的Tomcat壓縮包:Apache Tomcat,將下載好的壓縮包拷貝至指定的目錄并解壓,我這里是拷貝到/usr/local

              2. 配置Tomcat

              這里也就是上圖中wxrank.war文件,然后去Tomcat的bin文件夾下運行startup.bat啟動tomcat,即可自動解壓war包,并部署。
               

              深藍互聯成立于2013年,是一家物聯網硬件開發及軟件應用服務商,獲得多次獲得國家高新技術企業資質的企業。深藍互聯專注軟硬件技術開發的專業性技術公司。我們從事軟硬件開發十年,擅長SaaS 平臺開發、APP小程序開發、軟硬件結合開發,在視覺識別處理、數據架構、云計算、多線程高并發和集群、數據安全加密和防護方便有很深的技術積累。

               

              我們擁有專業優秀的設計和技術團隊,以極具創意的 UI 設計、精湛卓越的開發技術,專業的網絡策劃團隊。公司多年來投入打造物聯網SaaS平臺,集成了公司研發的多款智能物聯網終端(智能鮮米機、生鮮售貨機、自助洗車機、小區電瓶車充電系統等)。

               

              公司一直堅持以研發為導向,打造軟硬件結合的物聯網平臺系統。將一直堅持提高開發的技術實力更好的為我們的客戶服務!

               

              文章來自深藍互聯http://www.mingjenhsu.com/webxt/201.html轉載請注明出處!

              關注深藍互聯公眾號
              Copyright ? 2013-2024 深藍互聯 版權所有
              友情鏈接:
              国产福利无码一区免费