微信，企微静默登录授权

吴恒利

已于 2022-08-26 09:54:49 修改

阅读量1.1k

点赞数 5

文章标签：微信 javascript vue.js

于 2022-08-26 09:47:04 首次发布

本文链接：https://blog.csdn.net/a2QWSDN/article/details/126537034

版权

欢迎使用Markdown编辑器

你好！这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。
微信获取静默登录授权方法，可直接用

<script>
import Vue from "vue";
import { Field, CellGroup, Button, Toast } from "vant";
Vue.use(Field)
  .use(CellGroup)
  .use(Toast)
  .use(Button);
import { authorizeStepH5, getBrokerInfoByOpenId } from "@/api/wxaut.js";
import { getWXshareTicket } from "@/api/share";
import wx from "weixin-jsapi";
Vue.prototype.$wechat = wx;
export default {
  data() {
    return {
      value: "",
    };
  },
  created() {
    let code = this.getUrlKey("code");
    console.log(code, "code");
    if (
      code &&
      code !== undefined &&
      code !== "undefined" &&
      code !== null &&
      code !== "null"
    ) {
      console.log("22222");
      try {
        // 网址
        let codeAgain = localStorage.getItem("FHcode", code);
        localStorage.setItem("FHcode", code);
        if (code != codeAgain) {
          const data = {
            code: code,
            userTypeOne: "",
            channelNo: "",
          };
          authorizeStepH5(data)
            .then((res) => {
              console.log(res, "res");
              localStorage.setItem("FHOpenId", res.data.thirdOpenId);
              getBrokerInfoByOpenId({
                openId: res.data.thirdOpenId,
              });
              localStorage.setItem("collection", JSON.stringify(res.data));
              getBrokerInfoByOpenId({
                openId: res.data.thirdOpenId,
              })
                .then((res) => {
                  // 初始化页面埋点
                  this.pointInfo = res.data;
                  localStorage.setItem("pointInfo", JSON.stringify(res.data));

                  localStorage.setItem(
                    "FHisBroker",
                    res.data.brokerStatusResp.agentFinish
                  );
                  localStorage.setItem("FHUserId", res.data.userId);
                  this.newTrank("login", "silentLogin");
                })
                .catch((err) => {});
            })
            .catch((error) => {
              console.log(error, "error");
            });
        }
      } catch (error) {}
    } else {
      this.getCodeApi();
    }
  },
  methods: {
    share() {
      this.wxShare();
      Toast("点击右上角进行分享");
    },
    wxShare() {
      let FHProdcutDetail = "";
      let url = "";
      let pid = "";
      try {
        FHProdcutDetail = JSON.parse(localStorage.getItem("FHProdcutDetail"));
      } catch (error) {}
      try {
        pid = localStorage.getItem("pid");
      } catch (error) {}
      let shareData = {
        title: "FHProdcutDetail.productShowName",
        desc: "FHProdcutDetail.productDesc",
        link: "",
        imgUrl: " FHProdcutDetail.productSmallImg",
      };
      console.log("11111");
      try {
        console.log(window.location.href, "获取的url");
        console.log(window.location.href.split("#/")[0], "split的url");
        console.log(FHProdcutDetail, "FHProdcutDetail分享后");
        url = encodeURIComponent(window.location.href.split("#/")[0]);
      } catch (error) {}
      getWXshareTicket({ url: url })
        .then((res) => {
          console.log("数据", res);
          if (res.code === "0000") {
            let wxConfigInfo = res.data;
            const { timestamp, nonceStr, signature, appId } = wxConfigInfo;
            wx.config({
              debug: false,
              appId: res.data.appId,
              timestamp: res.data.timestamp,
              nonceStr: res.data.nonceStr,
              signature: res.data.signature,
              jsApiList: [
                "onMenuShareAppMessage",
                "onMenuShareTimeline",
                "onMenuShareQZone",
                "updateTimelineShareData",
              ],
            });
            wx.ready(function() {
              //处理验证失败的信息
              wx.error(function(err) {
                console.log(err);
              });
              wx.onMenuShareAppMessage(shareData);
              wx.onMenuShareTimeline(shareData);
              wx.onMenuShareQZone(shareData);
              wx.updateTimelineShareData(shareData);
            });
          }
        })
        .catch((error) => {
          // this.$notify({ type: "danger", message: "请求失败1" });
          console.log(error);
        });
      this.$isResolve();
    },
    getCodeApi() {
      console.log("11111");
      //获取code
      localStorage.setItem("FHShareURl", window.location.href);
      let urlNow = encodeURIComponent(window.location.href);
      // let scope='snsapi_userinfo';    //snsapi_userinfo snsapi_base   //静默授权 用户无感知
      let appid = "";
      let url =
        "https://open.weixin.qq.com/connect/oauth2/authorize?appid=" +
        appid +
        "&redirect_uri=" +
        urlNow +
        "&response_type=code&scope=snsapi_userinfo#wechat_redirect";
      window.location.href = url;
      console.log(url, "----->");
    },
    getUrlKey(name) {
      //获取url 参数
      return (
        decodeURIComponent(
          (new RegExp("[?|&]" + name + "=" + "([^&;]+?)(&|#|;|$)").exec(
            location.href
          ) || [, ""])[1].replace(/\+/g, "%20")
        ) || null
      );
    },
  },
};
</script>

企微获取静默登录授权

<!--
 * @Description: 
 * @Author: Boom
 * @Date: 2022-06-23 14:12:16
 * @LastEditTime: 2022-07-04 14:18:06
 * @LastEditors: Please set LastEditors
-->
<script lang="ts">
import { reactive, onMounted, defineComponent, onActivated } from 'vue';
import { getStorage, setStorage } from '@/utils/methods/storage';
import { useRouter } from 'vue-router';
import { Toast } from 'vant';
import { authorizeStepQw, queryProjectList, GetCode } from '@/api/team';
export default defineComponent({
	setup() {
		onMounted(() => {
			login();
			GetCode({ typeCode: 'projectTeamManageProjectStatus' }).then((res) => {
				if (res.code == '0000') {
					res.data.forEach((item) => {
						item.select = false;
					});
					res.data[1].select = true;
					details.tagList = res.data;
					// searchProjectList();
				}
			});
		});
		onActivated(() => {
			let a = getStorage('accessToken');
			if (a) {
				searchProjectList();
			}
		});
		const login = () => {
			let code = getUrlKey('code');
			if (code && code !== undefined && code !== 'undefined' && code !== null && code !== 'null') {
				let codeAgain = getStorage('FHcode', code);
				setStorage('FHcode', code);
				if (code != codeAgain) {
					const data = {
						code: code,
						userTypeOne: '5',
						channelNo: 'fh-ept',
					};
					authorizeStepQw(data).then((res) => {
						if (res.code === '0000') {
							setStorage('accessToken', res.data.token);
							searchProjectList();
						}
					});
				}
			} else {
				getCodeApi();
			}
		};
		const getCodeApi = () => {
			//获取code
			let urlNow = encodeURIComponent(window.location.href);
			// let scope='snsapi_userinfo';    //snsapi_userinfo snsapi_base   //静默授权 用户无感知
			let appid = '';
			let url =
				'https://open.weixin.qq.com/connect/oauth2/authorize?appid=' +
				appid +
				'&redirect_uri=' +
				urlNow +
				'&response_type=code&scope=snsapi_base#wechat_redirect';
			window.location.href = url;
		};

		const getUrlKey = (name) => {
			//获取url 参数
			return (
				decodeURIComponent(
					(new RegExp('[?|&]' + name + '=' + '([^&;]+?)(&|#|;|$)').exec(location.href) || [
						,
						'',
					])[1].replace(/\+/g, '%20'),
				) || null
			);
		};
		return {
			details,
			handleTagItem,
			goAddProject,
			onLoad,
			onMounted,
			getCodeApi,
			getUrlKey,
			login,
			searchProjectList,
			toProjectOverview,
			searchProject,
		};
	},
});
</script>

新的改变

我们对Markdown编辑器进行了一些功能拓展与语法支持，除了标准的Markdown编辑器功能，我们增加了如下几点新功能，帮助你用它写博客：

全新的界面设计 ，将会带来全新的写作体验；
在创作中心设置你喜爱的代码高亮样式，Markdown 将代码片显示选择的高亮样式 进行展示；
增加了 图片拖拽 功能，你可以将本地的图片直接拖拽到编辑区域直接展示；
全新的 KaTeX数学公式 语法；
增加了支持甘特图的mermaid语法¹ 功能；
增加了 多屏幕编辑 Markdown文章功能；
增加了 焦点写作模式、预览模式、简洁写作模式、左右区域同步滚轮设置 等功能，功能按钮位于编辑区域与预览区域中间；
增加了 检查列表 功能。

功能快捷键

撤销：Ctrl/Command + Z
重做：Ctrl/Command + Y
加粗：Ctrl/Command + B
斜体：Ctrl/Command + I
标题：Ctrl/Command + Shift + H
无序列表：Ctrl/Command + Shift + U
有序列表：Ctrl/Command + Shift + O
检查列表：Ctrl/Command + Shift + C
插入代码：Ctrl/Command + Shift + K
插入链接：Ctrl/Command + Shift + L
插入图片：Ctrl/Command + Shift + G
查找：Ctrl/Command + F
替换：Ctrl/Command + G

合理的创建标题，有助于目录的生成

直接输入1次#，并按下space后，将生成1级标题。
输入2次#，并按下space后，将生成2级标题。
以此类推，我们支持6级标题。有助于使用TOC语法后生成一个完美的目录。

如何改变文本的样式

强调文本 强调文本

加粗文本 加粗文本

标记文本

~~删除文本~~

引用文本

H₂O is是液体。

2¹⁰ 运算结果是 1024.

插入链接与图片

链接: link.

图片: Alt

带尺寸的图片:

居中的图片: Alt

居中并且带尺寸的图片:

当然，我们为了让用户更加便捷，我们增加了图片拖拽功能。

如何插入一段漂亮的代码片

去博客设置页面，选择一款你喜欢的代码片高亮样式，下面展示同样高亮的 代码片.

// An highlighted block
var foo = 'bar';

生成一个适合你的列表

项目
- 项目
  - 项目

项目1
项目2
项目3

计划任务
完成任务

创建一个表格

一个简单的表格是这么创建的：

项目	Value
电脑	$1600
手机	$12
导管	$1

设定内容居中、居左、居右

使用:---------:居中
使用:----------居左
使用----------:居右

第一列	第二列	第三列
第一列文本居中	第二列文本居右	第三列文本居左

SmartyPants

SmartyPants将ASCII标点字符转换为“智能”印刷标点HTML实体。例如：

TYPE	ASCII	HTML
Single backticks	`'Isn't this fun?'`	‘Isn’t this fun?’
Quotes	`"Isn't this fun?"`	“Isn’t this fun?”
Dashes	`-- is en-dash, --- is em-dash`	– is en-dash, — is em-dash

创建一个自定义列表

Markdown

Text-to- HTML conversion tool

Authors

John

Luke

如何创建一个注脚

一个具有注脚的文本。²

注释也是必不可少的

Markdown将文本转换为 HTML。

KaTeX数学公式

您可以使用渲染LaTeX数学表达式 KaTeX:

Gamma公式展示 $\Gamma(n) = (n-1)!\quad\forall n\in\mathbb N$ 是通过欧拉积分

$\Gamma(z) = \int_0^\infty t^{z-1}e^{-t}dt\,.$

你可以找到更多关于的信息 LaTeX 数学表达式here.

新的甘特图功能，丰富你的文章

关于 甘特图 语法，参考这儿,

UML 图表

可以使用UML图表进行渲染。 Mermaid. 例如下面产生的一个序列图：

这将产生一个流程图。:

关于 Mermaid 语法，参考这儿,

FLowchart流程图

我们依旧会支持flowchart的流程图：

关于 Flowchart流程图 语法，参考这儿.

导出与导入

导出

如果你想尝试使用此编辑器, 你可以在此篇文章任意编辑。当你完成了一篇文章的写作, 在上方工具栏找到 文章导出 ，生成一个.md文件或者.html文件进行本地保存。

导入

如果你想加载一篇你写过的.md文件，在上方工具栏可以选择导入功能进行对应扩展名的文件导入，
继续你的创作。

mermaid语法说明 ↩︎
注脚的解释 ↩︎

吴恒利

关注

5
点赞
踩
7

收藏

觉得还不错? 一键收藏
1
评论
微信，企微静默登录授权

你好！这是你第一次使用 Markdown编辑器所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。微信获取静默登录授权方法，可直接用企微获取静默登录授权新的改变我们对Markdown编辑器进行了一些功能拓展与语法支持，除了标准的Markdown编辑器功能，我们增加了如下几点新功能，帮助你用它写博客：撤销：Ctrl/Command + Z重做：Ctrl/Command + Y加粗：Ctrl/Command + B斜体：C
复制链接

扫一扫