前言

??嗨，大家好，現(xiàn)在微信使用的用戶很多，作為開發(fā)人員也可以建立一個自己的微信小程序，本期與大家分享一下作者建立微信小程序的開發(fā)流程。

申請

??百度搜索微信公眾號平臺，然后掃碼登錄注冊一個微信公眾號，

??進入申請頁面之后，需要及時完善小程序相關信息。

??首次進行微信小程序的開發(fā)，需要在開發(fā)者管理中，找到開發(fā)者設置中可以查看我們需要的開發(fā)者ID，開發(fā)者ID主要包含：AppID(小程序ID)和AppSecret(小程序密鑰)，需要注意的是出于安全考慮，AppSecret不再被明文保存，忘記密鑰請點擊重置，因此我們申請了和AppSecret之后，需要記錄下來，如果忘記的話，就需要重新申請可能導致線上項目失效。

??在開發(fā)者ID最下面，可以設置常用的域名信息。需要注意的是所有設置的域名必須是HTTPS的域名，設置好域名之后就可以開發(fā)微信小程序啦。

開發(fā)

后端

??開發(fā)微信小程的后端框架選擇，本次開發(fā)一個【在線實用工具箱】，主要是供個人使用的，所以后臺就選擇了Spring Boot 作為基礎進行開發(fā)，數(shù)據(jù)庫是使用MySQL。整個項目的目錄如下所示。

??整個后端的項目開發(fā)與正常項目開發(fā)一致，主要是給小程序提供服務接口信息。目前已經實現(xiàn)的主要功能:服裝尺碼對照表、諺語大全、車牌查詢、全國郵編查詢、全國區(qū)號查詢、好玩手持彈葆、BM計算器、數(shù)字轉大寫、笑話大全、生肖查詢、血遺傳查詢、歷史朝代表等功能,更多功能正在完善中。

??需要特別注意的是，在有用戶輸入新碟接口中，需要對輸入信息進行敏感詞校驗，否則在審核的過程中無法通過。小程序為我們提供了敏感信息校驗的接口，這個接口是免費的，因此直接調用即可。

檢查一段文本是否含有違法違規(guī)內容?調用接口代碼如下：

Map<String,String> map = new HashMap<>();
map.put("content",text);
String post1 = HttpUtil.post(postUrl+token,
        JSON.toJSONString(map));
log.info("請求參數(shù)是：{},數(shù)據(jù)校驗返回信息是：{}",text,post1);
JSONObject jsonObject = JSONObject.parseObject(post1);
int code = (int) jsonObject.get("errcode");
if(code==0){
    return "0";
}else {
    return "1";
}

復制代碼

??由于需要與微信小程序進行交互，因此在配置文件中需要把經常使用的微信服務的后臺地址配置在配置文件中，當調用時直接取值即可。 application.properties配置文件如下

server.port=8080


# mysql
spring.datasource.url=jdbc:mysql://127.0.0.1:3306/test?useSSL=false&useUnicode=true&characterEncoding=utf8&allowMultiQueries=true&serverTimezone=Asia/Shanghai
spring.datasource.username=test
spring.datasource.password=123456
spring.datasource.driver-class-name=com.mysql.cj.jdbc.Driver
spring.datasource.type=com.alibaba.druid.pool.DruidDataSource

mybatis.mapper-locations=classpath*:mapper/**/*.xml

# 開啟swagger bootstrap ui
swagger.enable=true
#swagger.enable=true
wx.access_token_url=https://api.weixin.qq.com/cgi-bin/token
wx.access_token_grant_type=client_credential
wx.access_token_appid=wx123456789
wx.access_token_secret=2e741123456789
wx.access_token_post=https://api.weixin.qq.com/wxa/msg_sec_check?access_token=

wx.access_token_rk_url=https://api.weixin.qq.com/cgi-bin/token
wx.access_token_grant_rk_type=client_credential
wx.access_token_rk_appid=wx0123456789
wx.access_token_rk_secret=430c123456789
wx.access_token_rk_post=https://api.weixin.qq.com/wxa/msg_sec_check?access_token=
復制代碼

??在與微信小程序交互的過程中，需要根據(jù)appid和secret去獲取當前請求的小程序的token。在請求其他服務的過程中需要使用到token信息。例如下面進行的敏感文本信息校驗功能等。

public String getToken(){
    String token = HttpUtil.get(url+"?grant_type=" + type + "&appid=" + appid + "&secret=" + secret);
    log.info("獲取token返回信息是："+token);
    JSONObject jsonObject1 = JSONObject.parseObject(token);
    String accessToken = (String) jsonObject1.get("access_token");
  
    return accessToken;
}

復制代碼

??后臺使用的都是最基礎的服務，主要是為小程序提供接口，啟動項目之后，在Swagger中可以看到所有的接口信息。

??調用一下查詢車牌歸屬地的接口，輸入北京，可以看到北京地區(qū)的車牌歸屬地信息已經正常返回即可為微信小程序提供查詢服務。

前端

??上面的接口服務已經開發(fā)完成了，下面將基于微信開發(fā)者工具進行前端的開發(fā)，前端采用ColorUI組件庫進行開發(fā)，在配置文件中引入即可使用。整體的開發(fā)頁面如下圖所示。

??需要注意的是在本地調試的過程中如果遇到無法訪問服務接口的情況，需要在詳情，本地配置中選擇不校驗合法域名這一條，否則本地的基本上請求不到服務。

??將上面后臺中的本地服務啟動，然后將域名信息配置到app.js中。這樣就可以全局使用host:?"http://localhost:8080"。?如下圖：

??點擊其中的一個頁面，輸入查詢數(shù)據(jù)，可以看到正常訪問到數(shù)據(jù)了，可以正常訪問嘍。

結語

??好了，以上就是基于Spring Boot 開發(fā)一個微信小程序的過程，有需要的伙伴可以私信我領取spring學習的相關資料，感謝您的閱讀，希望您喜歡，如對您有幫助，歡迎點贊收藏。如有不足之處，歡迎評論指正。下次見。文章來源地址http://www.zghlxwxcb.cn/news/detail-499636.html

到了這里，關于真的簡單，單手用Spring Boot 開發(fā)一個微信小程序的文章就介紹完了。如果您還想了解更多內容，請在右上角搜索TOY模板網以前的文章或繼續(xù)瀏覽下面的相關文章，希望大家以后多多支持TOY模板網！