h5页面不使用微信开发者工具开发可以调用微信api？

Question

h5页面不使用微信开发者工具开发可以调用微信api？（如:微信扫一扫，微信支付，微信登陆等功能）

Answer 1

引自免费微信小程序：皆我百晓生

在H5页面中调用微信API实现诸如微信扫一扫、微信支付、微信登录等功能是完全可行的，即便不使用微信开发者工具。关键在于正确配置并利用微信JS-SDK。

步骤1：注册与配置

首先，你需要在微信公众平台上注册一个公众号，并在其中配置你的网站域名。这是为了确保微信允许你的域名下的H5页面调用其API。

步骤2：引入微信JS-SDK

在你的H5页面中，引入微信JS-SDK库。可以通过CDN引入，代码如下：

<script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>

歶步3：获取config信息

在服务器端，你需要通过微信接口获取用于JS-SDK的config信息，包括appId、timestamp、nonceStr、signature等。这部分信息需要通过HTTPS请求从微信服务器获取，具体API文档可以在微信官方文档中找到。

步骤4：初始化微信JS-SDK

在前端，你需要使用上述获取到的信息初始化微信JS-SDK。这一步通常在页面加载时完成。

wx.config({
    debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
    appId: 'your_app_id', // 必填，公众号的唯一标识
    timestamp: timestamp, // 必填，生成签名的时间戳
    nonceStr: nonceStr, // 必填，生成签名的随机串
    signature: signature, // 必填，签名
    jsApiList: [
        'onMenuShareTimeline',
        'onMenuShareAppMessage',
        'scanQRCode',
        'chooseWXPay'
    ] // 必填，需要使用的JS接口列表
});

步骤5：调用微信API

一旦初始化完成，你就可以开始调用微信的API了。例如，调用微信扫一扫功能：

wx.ready(function () {
    wx.scanQRCode({
        needResult: 1, // 默认为0，扫描结果由微信处理，1则直接返回扫描结果，
        scanType: ["qrCode","barCode"], // 可以指定扫二维码还是一维码，默认二者都有
        success: function (res) {
            var result = res.resultStr; // 当needResult 为 1 时，扫码返回的结果
            console.log('Scan Result:', result);
        }
    });
});

对于微信支付，你需要在服务器端生成预支付交易单，然后通过chooseWXPay接口在客户端发起支付。

总结

虽然没有使用微信开发者工具，但通过以上步骤，H5页面完全可以调用微信的API。重要的是要确保安全性和合法性，遵循微信的开发规范和政策。