WMPF微信小程序框架 微信刷脸登录 获取openId 授权获取手机号 快速接入 快速集成

官方Demo Github:WMPF微信小程序框架
推荐开发前先快速了解API:wiki
快速接入Demo:WMPF快速接入demo
运行环境下载:WMPF运行环境(待上传)

  • 应⽤版本
    • 刷脸 SDK,v2.20.1 或以上
    • [WMPF],v1.0.3 或以上
    • IoT Service,v1.3.100 或以上
  1. 申请开发所需资料;
  1. 集成开发环境;
  • 下载WMPF运行环境安装到设备;
  • 在project build.gradle中增加kotlin配置:
buildscript {
    ext.kotlin_version = '1.3.60'

    repositories {
        google()
        jcenter()
        mavenCentral()
    }
    dependencies {
        classpath 'com.android.tools.build:gradle:3.4.1'
        classpath "org.jetbrains.kotlin:kotlin-gradle-plugin:$kotlin_version" // add plugin
    }
}
  • 在app build.gradle中增加配置:
apply plugin: 'com.android.application'
apply plugin: 'kotlin-android'
apply plugin: 'kotlin-android-extensions'

android {
    //依赖aar
    repositories {
        flatDir {
            dirs 'libs'
        }
    }
}

dependencies {
	//微信刷脸
    implementation(name: 'wxfacepay-release-2.14.208', ext: 'aar')
    //wmpf微信小程序框架
    implementation(name:'wmpf-cli-release-wxpayface', ext:'aar')
    api 'io.reactivex.rxjava2:rxandroid:2.0.2'
    api 'io.reactivex.rxjava2:rxjava:2.1.16'
    api 'com.squareup.okhttp3:okhttp:3.10.0'
    implementation 'com.tencent:mmkv-static:1.0.24'
    implementation "org.jetbrains.kotlin:kotlin-stdlib-jdk7:$kotlin_version"
    //网络请求框架
    implementation 'com.vise.xiaoyaoyou:xsnow:2.1.9'
}
  • 官方WMPF demo项目中找到以下文件拷贝到项目;
    在这里插入图片描述
  • 在AndroidManifest.xml中增加配置:
	<application>
        <!--APP与小程序通信-->
        <provider
            android:authorities="com.tencent.wmpf.cli.provider"
            android:name=".wmpf.contentprovider.ThirdPartContentProvider"
            android:exported="true"/>
    </application>
  • AndroidManifest.xml中application name配置的Application类需要extends WMPFApplication,在Application中增加代码:
public class MyApplication extends WMPFApplication {
 	@Override
    public void onCreate() {
        super.onCreate();
        InvokeTokenHelper.INSTANCE.initInvokeToken(this);
        String rootDir = MMKV.initialize(this);
    }

	@Override
    public void onTerminate() {
        super.onTerminate();
        MMKV.onExit();
    }
}
  1. 开发思路:
    1. 根据微信开放平台申请审核通过的appId和appSecret获取AccessToken;
    2. 使用步骤1获取的access_token和微信终端合作平台审核通过的设备product_id、model_name和设备的device_id,通过注册deviceId接口注册设备,此处注意接口入参数据要使用raw传输json格式,否则会报错;
    3. 通过IPCInvokerTask_ActivateDeviceByIoT(详情请看wiki)激活设备,入参为微信开放平台移动应用开发审核获取的APP_ID;
    4. 从服务端获取调用微信刷脸的参数,获取RawData(微信刷脸支付知识),调用IPCInvokerTask_InitWxFacePayInfo注入微信刷脸参数;
    5. 调用IPCInvokerTask_AuthorizeByWxFacePay调起微信小程序刷脸,点击确认后,即可从返回数据json中获取到openId;
    6. 刷脸点击确认后,在成功的回调函数里调用启动小程序,这时就是带登录态启动小程序,在小程序里让小程序开发者请求授权获取手机号;
    7. 获取到手机号后,调用wmpf.Channel.invoke(详情请看wiki)可以传输数据给app,app在ThirdPartContentProvider接收到数据,Than,do what you want!
      在这里插入图片描述
      结合WMPF快速接入demo更容易理解,谢谢观看。
  • 0
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
以下是一个简单的微信小程序 UI 界面设计,包含三个文本和三个数字数据的 Java 代码: ``` // 引入微信小程序 Java SDK 的相关类 import com.tencent.wmpf.demo.R; import com.tencent.wmpf.event.PageEvent; import com.tencent.wmpf.event.PageListener; import com.tencent.wmpf.view.WmpfActivity; import com.tencent.wmpf.view.WmpfTextView; public class MyActivity extends WmpfActivity implements PageListener { // 定义三个文本和三个数字数据 private String text1 = "Hello"; private String text2 = "World"; private String text3 = "Welcome to my program!"; private int number1 = 123; private int number2 = 456; private int number3 = 789; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_my); // 获取界面上的文本控件并设置文本内容 WmpfTextView textView1 = findViewById(R.id.text1); textView1.setText(text1); WmpfTextView textView2 = findViewById(R.id.text2); textView2.setText(text2); WmpfTextView textView3 = findViewById(R.id.text3); textView3.setText(text3); // 获取界面上的数字数据控件并设置数据 WmpfTextView numberView1 = findViewById(R.id.number1); numberView1.setText(String.valueOf(number1)); WmpfTextView numberView2 = findViewById(R.id.number2); numberView2.setText(String.valueOf(number2)); WmpfTextView numberView3 = findViewById(R.id.number3); numberView3.setText(String.valueOf(number3)); } @Override public void onPageEvent(PageEvent pageEvent) { // 页面事件处理 } } ``` 上述代码中,我们首先定义了三个文本和三个数字数据。然后在 `onCreate` 方法中,获取界面上的各个控件并设置对应的文本内容和数字数据。最后,我们实现了 `PageListener` 接口的 `onPageEvent` 方法,用于处理页面事件。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值