本文介紹如何在Java環境中生成包含參數的微信小程序二維碼，并將其顯示在html頁面上。 我們將探討如何利用Java代碼調用微信接口，生成二維碼，并通過Base64編碼將圖片數據傳遞給前端進行展示。 之前的實現方案存在問題，導致二維碼無法正常顯示，主要原因在于對微信接口返回的二進制流數據處理不當。
改進后的Java后端代碼重點在于正確處理二進制數據到Base64字符串的轉換：
String AccessToken = getAccessToken(); // 獲取accessToken的方法，此處省略 // 調用微信接口生成二維碼 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"); // 發送請求參數 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(); // 獲取響應數據 InputStream inputStream = connection.getInputStream(); byte[] imageBytes = inputStream.readAllBytes(); // 使用readAllBytes()簡化讀取過程 inputStream.close(); String base64Image = Base64.getEncoder().encodeToString(imageBytes); // 返回Base64編碼的二維碼圖片數據給前端 // ... (此處根據你的后端框架，例如spring mvc, 將base64Image數據封裝到響應中) ...
前端HTML和JavaScript代碼相對簡單，只需確保后端正確返回Base64編碼的圖片數據即可。 后端代碼改進后，應將base64Image字符串作為響應數據返回。前端接收后，使用data:image/jpeg;base64,前綴拼接base64Image，并將其賦值給img標簽的src屬性，即可正確顯示二維碼。 請注意根據你的后端框架調整代碼中返回base64Image的部分，并確保設置正確的Content-Type為application/json或其他適合你框架的類型，以便瀏覽器正確解析數據。 正確處理二進制數據到Base64字符串的轉換是解決問題的關鍵。
? 版權聲明
文章版權歸作者所有，未經允許請勿轉載。
THE END
