演示:公众号 / 小程序 / App 如何通过 API 拉取平台内容;后端从 16614 条真实农技数据与 27 省种植结构动态返回。
三种挂载方式(同源后端已启用 CORS `*`):
① 微信公众号(菜单/H5 文章) — 用 iframe 嵌入知识页:
<iframe src="https://www.hsjma.com/knowledge/crop/rice.html" style="width:100%;height:90vh;border:0"></iframe>
② 小程序 / App(WebView 加载) — 直接加载 H5 页面:
wx.navigateTo({ url: '/webview?src=https://www.hsjma.com/knowledge/index.html' })
③ App / 服务端(拉取 JSON 直接渲染) — 调动态 API:
fetch('https://www.hsjma.com/api/knowledge') // 文章索引
fetch('https://www.hsjma.com/api/agri?crop=水稻&limit=20') // 真实农技方案
本地开发可换成 http://localhost:3000/api/... 走真后端。