.jpg)
本文介紹如何在Java環(huán)境中生成包含參數(shù)的微信小程序二維碼，并將其顯示在html頁面上。 我們將探討如何利用Java代碼調(diào)用微信接口，生成二維碼，并通過Base64編碼將圖片數(shù)據(jù)傳遞給前端進(jìn)行展示。 之前的實(shí)現(xiàn)方案存在問題，導(dǎo)致二維碼無法正常顯示，主要原因在于對微信接口返回的二進(jìn)制流數(shù)據(jù)處理不當(dāng)。
改進(jìn)后的Java后端代碼重點(diǎn)在于正確處理二進(jìn)制數(shù)據(jù)到Base64字符串的轉(zhuǎn)換：
String AccessToken = getAccessToken(); // 獲取accessToken的方法，此處省略 // 調(diào)用微信接口生成二維碼 URL url = new URL("https://api.weixin.qq.com/wxa/getwxacodeunlimit?access_token=" + accessToken); HttpURLConnection connection = (HttpURLConnection) url.openConnection(); connection.setRequestMethod("POST"); connection.setDoOutput(true); connection.setDoInput(true); connection.setRequestProperty("Content-Type", "application/json; charset=UTF-8"); // 發(fā)送請求參數(shù) JSONObject paramJson = new JSONObject(); paramJson.put("scene", "id=1"); paramJson.put("page", "/pages/index/index"); OutputStream outputStream = connection.getOutputStream(); outputStream.write(paramJson.toString().getBytes("UTF-8")); outputStream.flush(); outputStream.close(); // 獲取響應(yīng)數(shù)據(jù) InputStream inputStream = connection.getInputStream(); byte[] imageBytes = inputStream.readAllBytes(); // 使用readAllBytes()簡化讀取過程 inputStream.close(); String base64Image = Base64.getEncoder().encodeToString(imageBytes); // 返回Base64編碼的二維碼圖片數(shù)據(jù)給前端 // ... (此處根據(jù)你的后端框架，例如spring mvc, 將base64Image數(shù)據(jù)封裝到響應(yīng)中) ...
前端HTML和JavaScript代碼相對簡單，只需確保后端正確返回Base64編碼的圖片數(shù)據(jù)即可。 后端代碼改進(jìn)后，應(yīng)將base64Image字符串作為響應(yīng)數(shù)據(jù)返回。前端接收后，使用data:image/jpeg;base64,前綴拼接base64Image，并將其賦值給img標(biāo)簽的src屬性，即可正確顯示二維碼。 請注意根據(jù)你的后端框架調(diào)整代碼中返回base64Image的部分，并確保設(shè)置正確的Content-Type為application/json或其他適合你框架的類型，以便瀏覽器正確解析數(shù)據(jù)。 正確處理二進(jìn)制數(shù)據(jù)到Base64字符串的轉(zhuǎn)換是解決問題的關(guān)鍵。
? 版權(quán)聲明
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載。
THE END
.png)
