微信的API到底是什么?公众号的H5网页,里面跑的语言

菏泽炫佑科技 菏泽炫佑小程序开发 菏泽炫佑app制作 炫佑科技

微信的API到底是什么?公众号的H5网页,里面跑的语言

公众号的H5网页运行在JS中，JS本质上是一种脚本语言。 它不具备调用硬件API的能力。 微信是一个本地APP，有很多调用硬件的能力，比如拍照、扫描二维码、测速等。 、GPS定义等。然后我们就可以在微信中打开公众号的网页了。 这个网页调用微信，微信调用硬件。 有很多事情可以做。

于是微信的各种能力被封装成API（JSSDK）供JS调用。 后来我们在此基础上更进一步微信的API到底是什么?公众号的H5网页,里面跑的语言，打造了小程序。

我们来开发一个扫码程序

1、配置公众号后端配置，配置允许调用JSSDK的域名

公众号后台配置

公众号也需要配置

VFP创建一个新类

Define Class ctl_bm3 As weixinfsp Of Locfile("weixinfsp.prg")
Enddefine

复制

该类派生自（框架专用于公众号的父类）

新建一个HTML文件，引用以下JS SDK

复制

-1.0.0.js 这是微信官方的JSSDK，专门用于与微信本身交互。 zepto.min.js是一个类似于zepto的前端库微信小程序添加开发者，但体积更小，适合移动端。

添加一个函数做JSSDK初始化工作

代码

代码

这段代码的作用是从VFP后端获取验证参数。 有了这些验证参数，就可以调用JSSDK的各种微信硬能力了。

wx。 该函数配置可以调用的API。 微信有很多API需要调用然后引入。 wx。 有调试模式来检查引用的API是否可用。 如果出现错误，可以检查错误原因。

官方扫码

function scan() {
wx.scanQRCode({
needResult: 1,
scanType: ["qrCode","barCode"], // 可以指定扫二维码还是一维码，默认二者都有
desc: 'scanQRCode desc',
success: function(res) {
var lcBarCode=res.resultStr;
document.getElementById("test").innerText="123456"
alert(lcBarCode);
},
fail:function(err){
alert(err.errMsg);
}
});
}

复制

将扫码绑定到页面按钮

复制

运行结果

其他API遵循相同的方法

调试更方便

这种网页必须在微信环境中打开，但是在手机上打开微信时没有调试环境。 如果出现问题，只能猜测代码在哪里。 太难了。

请退出微信开发工具并切换至公众号开发模式

公众号开发模式

注意官方公众号需要权限。 微信公众号的开发权限需要管理员授权。 在公众号官方后台左侧，【开发】---【开发工具】---【Web开发工具】添加授权。 如果您是添加公众号操作员，需要在【设置】---【人员设置】中绑定并添加。

写在后面的话

如今，移动前端页面趋于单页应用。 我推荐使用Vue.js，有些人也喜欢使用它。

对于移动页面交互，请使用 zepto.min.js。 不要过度使用它。

Vue.js+ zepto.min.js 或者 Vue 全家桶

炫佑科技专注互联网开发小程序开发-app开发-软件开发-网站制作等