微信小程序http連接訪問解決方案的示例
HTTP + 加密 + 認證 + 完整性保護 = HTTPS,小程序考慮到信息安全的問題,選用了更為穩(wěn)定安全的https 來進行信息傳遞。
HTTPS協(xié)議的主要作用可以分為兩種:一種是建立一個信息安全通道,來保證數(shù)據(jù)傳輸?shù)陌踩?;另一種就是確認網(wǎng)站的真實性。
這就導致了許多好用的http API無法在小程序中被調(diào)用。
但是也有解決方案。
1.中繼訪問

中繼訪問有兩種方式,一種需要自己擁有一個云服務和域名。
擁有域名和云服務器
域名完成備案之后下載證書
https指引教程如下------>
再講域名解析到你的云服務器的IP。
這樣子你的域名就是https的了,小程序可以訪問你的服務器了,現(xiàn)在就開始在云服務上實現(xiàn)訪問http API 服務
實際上只需要面向小程序和API Server 做一個雙面響應即可。

實現(xiàn)這種功能,顯而易見,在服務器上部署一個Web項目是最簡單的實現(xiàn)方式:
我們以訪問豆瓣圖書API 為例:https://api.douban.com/v2/book/isbn/
豆瓣API雖然是https的,但是來自小程序的訪問是被禁止的。下面代碼同樣適用于http 連接
Java代碼:
這個是 通用代碼 ,無論是訪問什么API
package DataService;
import java.io.BufferedReader;
import java.io.IOException;
import java.io.InputStream;
import java.io.InputStreamReader;
import java.io.OutputStreamWriter;
import java.io.PrintWriter;
import java.net.HttpURLConnection;
import java.net.URL;
import java.net.URLConnection;
import java.sql.ResultSet;
import com.google.gson.Gson;
/*
* Author:陳浩東
* QQ:1025584691
*/
public class DouBanBook {
//豆瓣接口實現(xiàn)
public static String doPost(String url, String params, Integer connTimeout, Integer readTimeout, String contentType)
{
PrintWriter out = null;
BufferedReader in = null;
String result = "";
try
{
URL realUrl = new URL(url);
// 打開和URL之間的連接,根據(jù)url
URLConnection conn = realUrl.openConnection();
// 設置通用的請求屬性
conn.setRequestProperty("accept", "*/*");
conn.setRequestProperty("connection", "Keep-Alive");
conn.setRequestProperty("user-agent", "Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1;SV1)");
conn.setRequestProperty("Content-Type", contentType == null? "application/json" : contentType);
// 發(fā)送POST請求必須設置如下兩行
conn.setDoOutput(true);
conn.setDoInput(true);
// 設置請求超時時間和讀取超時時間
conn.setConnectTimeout(connTimeout == null ? 180 : connTimeout);
conn.setReadTimeout(readTimeout == null ? 180 : readTimeout);
// 獲取URLConnection對象對應的輸出流,設置utf-8編碼
out = new PrintWriter(new OutputStreamWriter(conn.getOutputStream(), "utf-8"));
// 發(fā)送請求參數(shù)
out.print(params);
// flush輸出流的緩沖
out.flush();
// 定義BufferedReader輸入流來讀取URL的響應,設置utf-8編碼
in = new BufferedReader(new InputStreamReader(conn.getInputStream(), "utf-8"));
String line;
while ((line = in.readLine()) != null)
result += line;
}
catch (Exception e)
{
e.printStackTrace();
result = null;
}
//使用finally塊來關(guān)閉輸出流、輸入流
finally
{
try
{
if (out != null)
{
out.close();
}
if (in != null)
{
in.close();
}
}
catch (IOException ex)
{
ex.printStackTrace();
}
}
return result;
}
}
根據(jù)訪問不同的API,只需要修改Servlet的寫法就可以:
Servlet:
package Servlet;
import java.io.IOException;
import java.io.Writer;
import java.util.HashMap;
import java.util.Map;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import com.google.gson.Gson;
import DataService.DouBanBook;
/**
* Servlet implementation class doubanbook
*/
@WebServlet("/doubanbook")
public class doubanbook extends HttpServlet {
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
request.setCharacterEncoding("utf-8");
response.setContentType("text/html;charset=utf-8");
response.setHeader("Access-Control-Allow-Origin", "*");
response.setHeader("Access-Control-Allow-Methods", "GET,POST");
String isbn = request.getParameter("isbn")==null?"no":request.getParameter("isbn");
String sshpwd = request.getParameter("ssh_secret")==null?"no":request.getParameter("ssh_secret");
System.out.println(sshpwd);
System.out.println(isbn);
Map<String, Object> result = new HashMap<String, Object>();
String json = new Gson().toJson(result);
Writer out = response.getWriter();
out.write(DouBanBook.doPost("https://api.douban.com/v2/book/isbn/"+isbn, null, null, null, null));
out.flush();
}
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
// TODO Auto-generated method stub
doGet(request, response);
}
}
同樣,你也可以用Python,php等語言來實現(xiàn)中繼訪問這個功能。
無域名和云服務器
對于個人開發(fā)者來說,尤其是學生來說,又是是沒有條件購買長時間的云服務器的,這個時候我們?nèi)绻情_發(fā)小程序的話,可以用他們提供的空間。
使用微信小程序的云開發(fā)能力,Node.js 函數(shù),用js 實現(xiàn)服務端的響應,訪問非https API。
參照寫法一:
云函數(shù)調(diào)用方式訪問API
const cloud = require('wx-server-sdk')
cloud.init()
// 云函數(shù)入口函數(shù)
exports.main = async (event, context) => {
console.log(event)
console.log(context)
return new Promise((resolve, reject) => {
var url = event.url;//前端小程序傳的data
var https = require('https');
https.get(url, function (res) {
var size = 0;
var chunks = [];
res.on('data', function (chunk) {
size += chunk.length;
chunks.push(chunk);
});
res.on('end', function () {
var data = Buffer.concat(chunks, size).toString();
console.log(data)
resolve(JSON.parse(data))
});
}).on('error', (e) => {
console.log(`url:${url} error: ${e.message}`);
});
})
}
不知道什么原因,云函數(shù)我感覺并不是很穩(wěn)定,建議有條件的還是用自己的服務器來實現(xiàn)吧。
以上就是本文的全部內(nèi)容,希望對大家的學習有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
JavaScript中數(shù)組遍歷的7種方法小結(jié)
作為JavaScript開發(fā)人員,熟悉數(shù)組的遍歷和操作是非常重要的,數(shù)組遍歷是處理和操作數(shù)組元素的基本需求之一,本文將介紹JavaScript中的7種常見數(shù)組遍歷方法,幫助你成為數(shù)組操作的達人2023-11-11
JS實現(xiàn)萬億數(shù)字轉(zhuǎn)中文的代碼詳解
在軟件開發(fā)中,尤其是在中文處理的場景中,數(shù)字與語言的轉(zhuǎn)換是一個常見且具有挑戰(zhàn)性的任務,在一些業(yè)務系統(tǒng)中,可能需要將阿拉伯數(shù)字轉(zhuǎn)換為中文數(shù)字,本文將介紹如何使用 JavaScript 將數(shù)字轉(zhuǎn)換成中文,幫助開發(fā)者為相關(guān)的需求提供實現(xiàn)思路,需要的朋友可以參考下2024-12-12
實現(xiàn)png圖片和png背景透明(支持多瀏覽器)的方法
Firefox和Opera對PNG的支持非常的好,都是IE卻無視PNG圖片這一特性的“存在”,雖然IE7已經(jīng)支持都是IE6還是不行。2009-09-09
JSON數(shù)據(jù)中存在單個轉(zhuǎn)義字符“\”的處理方法
這篇文章主要介紹了JSON數(shù)據(jù)中存在單個轉(zhuǎn)義字符“\”的處理方法,在這里反斜杠(又稱右斜杠"\"),還表示轉(zhuǎn)義字符,字符串中不能成單出現(xiàn)。具體內(nèi)容詳情大家跟隨腳本之家小編一起看看吧2018-07-07
xmlplus組件設計系列之下拉刷新(PullRefresh)(6)
xmlplus 是一個JavaScript框架,用于快速開發(fā)前后端項目。這篇文章主要介紹了xmlplus組件設計系列之下拉刷新,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-05-05
javascript實現(xiàn)的淘寶旅行通用日歷組件用法實例
這篇文章主要介紹了javascript實現(xiàn)的淘寶旅行通用日歷組件,以實例形式分析了該日歷組件的相關(guān)設置及使用技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-08-08
詳解利用exif.js解決ios手機上傳豎拍照片旋轉(zhuǎn)90度問題
這篇文章主要介紹了詳解利用exif.js解決ios手機上傳豎拍照片旋轉(zhuǎn)90度問題,有需要的朋友可以了解一下。2016-11-11

