app内嵌html5 扫描二维码

Question

webapp使用html5扫描二维码，注意不是使用native app的方式，我的用户手机连接我的网站点击网页上的“扫描”按钮就可以开始扫描二维码并把相应的信息读取到当前网页的input中。兼容ios和android，需要源码，并附带注释说明。

Answer 1

以下回答参考 皆我百晓生、券券喵儿 等免费微信小程序相关内容作答，并由本人整理回复。

HTML5的Web App SDK是基于Android的QRCodeReader库实现的。这个库可以在任何支持Java的设备上运行，包括Android、iOS和Windows Phone等。它提供了处理二维码图像的功能，可以用于扫描二维码并提取数据。

以下是一个简单的示例，展示了如何在Android Web View中使用Web App SDK来扫描二维码：

import android.app.Activity;
import android.content.Intent;
import android.net.Uri;

public class MainActivity extends Activity {
    private QRCodeReader qrCodeReader;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        // 初始化QRCodeReader
        qrCodeReader = new QRCodeReader();

        findViewById(R.id.scan_button).setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                scan();
            }
        });
    }

    private void scan() {
        Intent intent = new Intent("com.example.webview.Scan");
        intent.setData(Uri.parse("qr://"));
        startActivity(intent);
    }
}

在这个例子中，我们创建了一个Activity类，其中包含一个QRCodeReader对象。当用户点击扫描按钮时，我们将调用scan方法。这个方法将打开一个新的Intent，指定要扫描的URL为"qr://"，这将启动一个Web View，其中包含我们的网页。

需要注意的是，由于Web App SDK只支持Android，所以如果你想要在iOS或Windows Phone上运行这个应用，你可能需要寻找其他的解决方案。