flutter获取微信授权,微信登录


import 'dart:async';
import 'package:flutter/material.dart';
import 'package:flutter_wechat_login/flutter_wechat_login.dart';

class wxLogin extends StatefulWidget {
  const wxLogin({super.key});

  @override
  State<wxLogin> createState() => _MyCodeLoginPageState();
}

class _MyCodeLoginPageState extends State<wxLogin> {
  final _flutterWechatLogin = FlutterWechatLogin();

  bool _isInstalled = false;
  bool startLogin = false;
  Map userInfo = {};

  @override
  void initState() {
    super.initState();
    doInit();
  }

  Future<void> doInit() async {
    await _flutterWechatLogin.init(
        appId: "",
        secret: "",
        universalLink: "");

    bool isInstalled = await _flutterWechatLogin.isInstalled();

    if (!mounted) return;

    setState(() {
      _isInstalled = isInstalled;
    });
  }

  @override
  Widget build(BuildContext context) {
    Widget userInfoWidget = Container(
      child: Text('${userInfo}'),
    );
    // if (startLogin) userInfoWidget = CircularProgressIndicator();
    if (userInfo.isNotEmpty) {
      userInfoWidget = Row(
        mainAxisAlignment: MainAxisAlignment.center,
        children: [
          ClipOval(
            child: Image.network(
              userInfo['headimgurl'],
              width: 40,
            ),
          ),
          SizedBox(
            width: 5,
          ),
          Text(userInfo['nickname']),
        ],
      );
    }
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: const Text('获取微信授权'),
        ),
        body: Center(
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            children: [
              Text('个人: $_isInstalled'),
              ElevatedButton(
                child: Text("获取微信授权"),
                onPressed: () {
                  doLogin();
                },
              ),
              SizedBox(
                height: 10,
              ),
              userInfoWidget
            ],
          ),
        ),
      ),
    );
  }

  Future<void> doLogin() async {
    if (mounted) {
      setState(() {
        startLogin = true;
      });
    }
    Map wechatInfo = await _flutterWechatLogin.login();
    print('**************** -> wechatInfo = $wechatInfo');

    Map accessTokenInfo =
        await _flutterWechatLogin.getAccessToken(code: wechatInfo['code']);
    print('**************** -> accessTokenInfo = $accessTokenInfo');

    Map refreshTokenInfo = await _flutterWechatLogin.refreshToken(
        refreshToken: accessTokenInfo['refresh_token']);
    print('**************** -> refreshTokenInfo = $refreshTokenInfo');

    Map checkTokenInfo = await _flutterWechatLogin.checkToken(
        accessToken: accessTokenInfo['access_token'],
        openid: accessTokenInfo['openid']);
    print('**************** -> checkTokenInfo = $checkTokenInfo');

    Map userInfo = await _flutterWechatLogin.getUserInfo(
        accessToken: accessTokenInfo['access_token'],
        openid: accessTokenInfo['openid']);
    print('****************userInfo = $userInfo');

    if (mounted) {
      setState(() {
        startLogin = false;
        this.userInfo = userInfo;
      });
    }
  }
}

appId: "",  secret: "",universalLink: "",微信公众平台获取

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Flutter是一个跨平台的移动应用开发框架,可以用一套代码同时在Android和iOS等多个平台上运行。所谓“仿微信”,指的是使用Flutter开发一个类似微信的移动应用。 在使用Flutter开发类似微信的应用时,我们可以利用Flutter丰富的UI控件库来实现各种界面效果,例如列表、对话框、输入框等。同时,Flutter还提供了强大的动画库,可以实现平滑的动画过渡效果,使得用户在使用应用时有更好的体验感。 除了UI界面之外,Flutter还支持网络请求、数据库存储、消息推送等常用功能。这些功能的实现可以借助Flutter的开源插件库,提高开发效率。例如,可以使用Flutter提供的Dio插件来进行网络请求,使用Flutter的Shared Preferences插件来进行数据存储,使用Flutter的Firebase Messaging插件来实现消息推送功能。 另外,Flutter还提供了强大的跨平台性能,减少了在不同平台上开发和调试的工作量。使用Flutter开发的应用可以通过一套代码同时在Android和iOS上运行,大大简化了开发流程。 在仿微信的应用中,可以利用Flutter的多线程机制来处理耗时操作,保证应用的流畅性。同时,Flutter提供了热重载功能,可以在保持应用状态的同时进行代码的修改和调试,提高了开发效率。 综上所述,通过使用Flutter来仿微信的应用,我们可以充分利用Flutter丰富的UI库和插件库,以及跨平台的优势,开发出高效、流畅、具有丰富功能的移动应用。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值