关于分享:告别验证码烦恼轻松完成文字点选验证

结尾的话文字点选验证码,作为一种翻新的验证形式,正在逐步取代传统的输出文字或数字的验证形式,为用户带来了更简略、直观的验证体验。它通过点击蕴含特定文字或物体的图片来实现验证,解脱了繁琐的输出过程,让用户辞别验证码的懊恼。 文字点选验证码不仅操作便捷,而且在安全性方面也具备劣势,无效避免了自动化程序的攻打。无论是爱护账户平安还是晋升用户体验,文字点选验证码都成为了以后最现实的抉择。 相干代码using System;using KgCaptchaSDK;public partial class _Default : System.Web.UI.Page{ protected void Page_Load(object sender, EventArgs e) { // 后端解决 string html, appId, appSecret, Token; if (Request.Form.ToString().Length > 0){ // 有数据处理 // 填写你的 AppId,在利用治理中获取 appId = "appId"; // 填写你的 AppSecret,在利用治理中获取 appSecret = "appSecret"; var request = new kgCaptcha(appId, appSecret); // 前端验证胜利后颁发的 token,有效期两分钟 request.token = Request.Form["kgCaptchaToken"]; // 填写应用服务域名,在利用治理中获取 request.appCdn = "https://cdn6.kgcaptcha.com"; // 当安全策略中的防控等级为3时必须填写,个别状况下能够疏忽 // 能够填写用户输出的登录帐号(如:Request.Form["username"]),可拦挡同一帐号屡次尝试等行为 request.userId = "kgCaptchaDemo"; // 申请超时工夫,秒 request.connectTimeout = 5; // 发送验证申请 var requestResult = request.sendRequest(); if (requestResult.code == 0) { // 验签胜利逻辑解决 *** // 这里做验证通过后的数据处理 // 如登录/注册场景,这里通常查询数据库、校验明码、进行登录或注册等动作解决 // 如短信场景,这里能够开始向用户发送短信等动作解决 // ... html = "<script>alert('验证通过');history.back();</script>"; } else { // 验签失败逻辑解决 html = "<script>alert(\"" + requestResult.msg + " - " + requestResult.code + "\");history.back();</script>"; } // 输入后果 Response.Write(html); } Response.Redirect("index.html"); }}最初SDK开源地址:https://github.com/KgCaptcha,顺便做了一个演示:https://www.kgcaptcha.com/demo/ ...

September 1, 2023 · 1 min · jiezi

关于分享:DatenLord前沿技术分享-No26

达坦科技专一于打造新一代开源跨云存储平台DatenLord,通过软硬件深度交融的形式买通云云壁垒,致力于解决多云架构、多数据中心场景下异构存储、数据对立治理需要等问题,以满足不同行业客户对海量数据跨云、跨数据中心高性能拜访的需要。达坦科技始终在摸索用硬件加速做分布式跨云存储,在本周的前沿技术分享中,咱们邀请到了中南大学在读博士生卢军,来为大家分享DPU工作卸载的相干钻研。 01、演讲题目Paper Reading: DPU工作卸载 02、演讲工夫2023年6月11日上午10:30 03、演讲人卢军 中南大学在读博士生 04、引言可编程的DPU可能承当Host的卸载工作,在数据中心有宽泛的利用。本次分享将介绍学术界在钻研DPU工作卸载上的相干停顿。  05、内容简介本次分享将涵盖以下四个方面: DPU构造与性能剖析工作逻辑卸载钻研网络性能卸载钻研一些总结与瞻望 06、直播预约欢迎您预约直播,或者登陆腾讯会议观看直播:会议号:474-6575-9473 达坦科技(DatenLord)专一下一代云计算——“天空计算”的基础设施技术,致力于拓宽云计算的边界。达坦科技打造的新一代开源跨云存储平台DatenLord,通过软硬件深度交融的形式买通云云壁垒,实现无限度跨云存储、跨云联通,建设海量异地、异构数据的对立存储拜访机制,为云上利用提供高性能平安存储反对。以满足不同行业客户对海量数据跨云、跨数据中心高性能拜访的需要。公众号:达坦科技DatenLordDatenLord官网:http://www.datenlord.io知乎账号:https://www.zhihu.com/org/da-tan-ke-jiB站:https://space.bilibili.com/2017027518

June 6, 2023 · 1 min · jiezi

关于分享:天涯神贴合集500篇最新

最近几天大家应该发现天涯社区网站打不开了。 天涯社区开办于1999年,此时的中国,互联网产业方兴未艾,那时天涯社区相当火爆。 2007年时,天涯社区的注册用户就冲破了2000万,号称是寰球最大的中文互联网社区。到了2013年中国网民规模才6亿多,也就是说当年均匀7个中国网民就有1个是咫尺用户。 过后网民绝对较高的素质和真挚,也让咫尺上的帖子品质十分高。即便有很多文章放到当初,它们也能经得起工夫的考验,这是天涯社区最吸引人的中央。 在咫尺论坛敞开之前,我收集了天涯社区神贴合集共 500篇(兽性,社会,历史,金融,房地产),包含KK三部曲、大鹏金翅明王在内的金融、房产、人文历史等等。 在这里分享给大家: https://pan.quark.cn/s/ba1e0577bfd8

May 16, 2023 · 1 min · jiezi

关于分享:在ONES的工作体验分享

在ONES的工作体验分享 总得来说Work Life Balance!!!。一个更懂技术的技术驱动型公司,很器重技术。技术成长,存在十分多技术深挖机会。融资,半年内间断三轮总计融近1亿美元。公司介绍 ONES官网 https://ones.ai/最近失去 C轮 融资信息 https://blog.ones.ai/a/duihua...企业级研发管理工具,对标国外的 Jira,囊括八大研发治理产品toB SaaS,服务了浪潮、光荣、中国信通院、中国电信、西山居等多个行业内大客户收买国内 Tower 工具,收买 为知笔记公司资金十分富余,人员疾速扩张中最近启动国际化业务线一些你通过查资料可能获取到的点。公众号、脉脉、知乎、敌人等。 CTO 集体魅力。《一个创业者的途中思考》技术出身、做过风险投资、间断创业者。保持不做我的项目制公司的红线。(做SaaS或者懂这个痛点)技术驱动。非业务驱动,懂的都懂。一个更懂技术的公司,没乌七八糟的杂事。媒体无差评,更多是大客户对性能的要求。核心人物都是追寻老板很多年的,有之前就在金山的,也有之前在晚点科技的。深圳-高新园地铁-中科大厦。(明年筹备搬大的办公地点科兴)面试体验良好。入职感触我是2019年12月初入职的,曾经超过超两年了。过后来的时候,只有八九十个人,当初曾经有三百多了。 过后入职须要三轮考核,第一阶段相熟公司产品,第二阶段模仿迭代,第三阶段是实在参加迭代,两次不通过就失败,为期总共一个月。 每个阶段都有导师带,气氛十分不错。 过后的考核难度还挺大的,当初难度曾经升高不少了。 Work Life Balance。不打卡,基本上 10:20 到,早上不须要挤地铁(领会一次八点多的地铁人挤人),早晨 7:00 回家。我所在的组基本上不加班,偶然发版出意外才须要加一下子。入职两年来,很少状况下须要周六来的,一年也就那么两三次。~~ 健身、学习、折腾搞起来。近程办公(超赞):疫情刚进去那年,咱们就进行了两个多月的近程办公,过年在老家失常工作日的近程办公还算了咱们十天调休(加上年假我还有三十天假,年假也不少哦)。 最近深圳疫情,公司的危机意识也是十分的强,别的公司还没反馈过去,咱们这边午休一完结就告诉立刻回家办公了。 2月24日始终近程办公继续到3月7日。 这段时间我在家也是过的十分开心,不必通勤,还能够带娃了。 上班之后不会有电话或者微信找你,除非发版当天你写出了一个超级超级重大的bug一个更懂技术的技术驱动型公司。真扁平化治理。产研比例60%,核心人物也都是技术出世,很纯正。CEO会和你一起水群抢红包。真不我的项目制。不会因为版本迭代压力太大,导致技术演进都难以进行,公司给平台做你想做的事。技术成长,存在十分多技术深挖机会。咱们的产品是一个巨型我的项目,外面会有各种工程化实际,性能优化相干。性能优化。是咱们常聊的话题。根底平台建设。咱们有自研组件库、公共库、插件开放平台文化可撸猫。公司有一只项目经理小蓝,你在工作的时候,时不时它会从你脚边路过监督你。脱产培训两周(产品&技术)——我那时候是一个月。集体认为这点真的十分好,对新人来说真的很加分。很少有公司违心花这么多工夫去培训入职者。(不是那种传统的培训)生日会——大家一起来混吃混喝,哈哈。每月都有小组聚餐经费。器重前端。更重视前端的公司。很多公司前端偏辅助角色,较少有器重前端的。尽管是to B,然而咱们很重视用户体验,能够说是toB外面的的toC。技术深度、广度的天花板足够你挖,一些大厂才用得上技术这里也须要,具体可问面试官感触下。研发流程治理难受。自身重视研发治理的公司,麻利开发践行者,所以流程治理很标准。外部对技术的器重水平很高。产研比例 > 60%。倒退最近失去C轮融资信息 https://blog.ones.ai/a/duihua...极具竞争力的薪资最近启动国际化业务线。融资后人员疾速扩张中,筹备换办公地点。共事有很多员工从公司起步到当初的。也有从上个公司跟到当初,也有从老板之前的金山跟过去的。(难得)信赖、沟通、反对。很多共事都被动过去帮忙反对,挺好。导师制。我所在的团队很多都是腾讯、阿里大厂过去的,平时遇到问题都会急躁为你解说。待遇BOSS平台间接可查,很有竞争力来了间接上Mac M1 16G,再加显示器不好的中央。目前没看到什么很不好的 内推岗位前端-React。前端 & 高级前端(架构、性能晋升、很有意思)不限技术栈,不熟React也行(我也是Vue转过来的)后端-Go。后端 & 高级后端 ,不熟 Go 想转的也行测试-惯例测试、测开都有视觉/交互设计师产品经理/项目经理内推分割我(很须要小伙伴啊)lv1017866168

March 4, 2022 · 1 min · jiezi

关于分享:赢-1000-元现金红包助力奥运猜金银牌数赢现金

第 32 届冬季奥林匹克运动会,2020 东京奥运会,曾经于 2021 年 7 月 23 日在日本东京奥林匹克体育场揭幕啦! 不晓得大家有没有关注呢?二狗子可是准点守着电脑关上了直播的!尽管东京奥运会几乎是一波三折,先是因为疫情被迫延期了一年,而后是开幕式比起自身反而是吐槽更加引人注目。 But,当二狗子看到远赴海内为祖国荣誉而战的中国运动员们出场时,还是忍不住在电脑前疯狂鼓掌吆喝! 自 7 月 24 日杨倩小妹妹首金比心后,咱们的静止健儿们就源源不断获取奖牌,目前以 6 金 3 银 6 铜的好问题位列金牌榜第一位! 当然奥运会这样的体坛盛宴必定是全民观看,全民助威的,比方二狗子去找老板的时候就发现他竟然上班时间偷看奥运。 被二狗子发现下班摸鱼的老板不苟言笑地说:“看奥运的事件怎么能说偷看呢,二狗子你格局太小了。” 好家伙,那什么才是格局大,二狗子虚心求教。 “当然是给奥运助力,一起为中国队加油啊!”老板热血地说:“而且不能光咱们加油,要把大家都号召起来为中国健儿加油啊!” 所以!又拍云特地推出“看奥运猜奖牌,分千元红包”流动! 参加形式 1即日起至 2021 年 7 月 28 日,在留言区预测中国队金牌、银牌数量(留言格局:金牌:XX,银牌:XX),并转发本条公众号到朋友圈且收集 5 个赞。 28 月 8 日,奥运较量完结后,预测金牌数量正确的小伙伴将会瓜分 1000 元红包。 ps:金牌+银牌数量都预测精确的小伙伴还能够额定赢取 50 元现金红包 加又小拍微信好友,截图朋友圈动静即可。 (微信号:upyun0001) 小Tips:奥运会期间,只有有中国队夺冠,又小拍当天就会发红包庆贺哦~ 金银牌都猜对的红包数量无限,先到先得哦~以留言工夫为准 和咱们一起助力奥运,为中国静止健儿加油助威吧!

July 27, 2021 · 1 min · jiezi

关于分享:如何做好一场技术演讲如何做好一场技术演讲

导读:据心理学考察,在人们感到最恐怖的事件里,死亡排名第二,而“公开演讲”排名第一。本文作者将从新人首次演讲的筹备全过程视角来分享一下,作为技术人,如何做好一场技术演讲。 作者:竹涧 起源:凌云时刻 上周末去深圳加入了GOPS大会,代表团队分享了弹性计算在SRE体系建设的一些摸索和实践经验。尽管已经屡次给阿里外部的兄弟团队以及一些内部的客户做过相似分享,站在行业的大会上公开演讲还是第一次。 作为一个演讲新人,为了能够不丢人的把这场演讲做好,前后花了大略5天工夫来筹备,从选题、PPT制作、演讲稿编写、自我练习,外部试讲以及正式演讲前的各种筹备,整个过程学到了一些常识,所以抽时间简略写写,心愿能够对演讲新人有所帮忙。 本文将从新人首次演讲的筹备全过程视角来分享一下,作为技术人,如何做好一场技术演讲。笔者通过这次演讲总结了一个“技术演讲筹备六步法”,即演讲前筹备-\> PPT筹备-> 演讲稿筹备->刻意练习->正式演讲->Q&A,冀望能够通过分享帮忙一些技术同学,从零开始筹备并实现一场公众技术演讲。 演讲前筹备 凡事预则立,不预则废。在正式演讲筹备前,对演讲这件事以及演讲的主体,进行肯定理解是不可或缺的。 1、认知演讲缓和是失常的 首先要意识到缓和是失常的,缓和并不是演讲新人的特质。其实,大家熟知的一些演讲蠢才家像乔布斯,以及TED的十分多的出名演讲者都曾走漏过他们面对演讲也会缓和。当然,咱们面对的场景比方规模、受众人群与这些优良的演讲者自不可相比,不过面对演讲时的缓和与恐怖情绪是大家共有的。 那么如何正确认识缓和的情绪?首先,咱们要意识到,人人都会缓和,我并不是特例。其次,咱们要做的是充沛的筹备与一直的刻意练习。当咱们对自我以及受众能够做到知己解彼,对于演讲的内容能够做到庖丁解牛的水平,此刻缓和与否曾经不重要了,因为它并不会对你的演讲产生实质上的影响。 充分认识演讲的目标 其次,咱们要意识到演讲的目标是什么?是为了布道,推广技术还是“带货”?以及为啥要我来演讲,整个过程其实就是“知己”。因为后续无论是PPT制作,演讲稿筹备以及刻意练习的前提都须要先充分认识演讲的目标,以终为始,能力事倍功半。 实在的表白好过低级炫技 最初,不是任何人都能够炫技,低级的炫技成果会恰得其反,这里的炫技包含但不限于: 精(花)美(里)绝(胡)伦(哨)的PPT精心设计的打扮与动作精心筹备的梗...当然这里并不是说PPT要丑,着装要随便,讲述要平白,而是想要表白:如何把想要表白的目标思维,通过实在、天然、柔和(润物细无声)的形式传播给观众,并引发共鸣与思考(高阶需要),这个才是演讲的重点。 2、知己,理解本人我了解的知己包含“人”和“事”两局部,其中“事”就指演讲目标,就是咱们演讲时为了实现一件怎么的事件;而对于“人”呢,我感觉是要充分认识本人,比方: 适宜什么样的演讲格调?不必自觉学习他人,寻找本人感觉难受的演讲格调,如果本人都感觉顺当,传达到观众成果自不必说。笔者在筹备期间也看了大量的演讲视频,最初深深领悟到他人的闪亮之处是你学不来的。 在演讲方面的劣势是什么?劣势又是什么?如何取长补短?这里为什么不说补短而要避短呢,我感觉能够把劣势施展到最大水平,而又能够把劣势做到不那么致命,是一件性价比更高的事件。 3、知彼,理解受众如果说意识演讲目标与自我是“知己”,那么,理解观众就是一个知彼的过程。情理其实很简略,观众才是演讲的配角,演讲者本身并不是!演讲的目标就是将主题传递给观众,演讲者只是一个载体,所以充沛理解观众是演讲胜利的前提,也是第一个外围步骤,通常咱们理解观众如下几个方面: 观众群体散布,理解观众的群体分类,以及业余水平,比方这次加入GOPS大会分享SRE的主题确定后,我会先理解今年加入GOPS大会的都是哪些人员,是开发比例多还是运维比例多?是一二线公司比拟多还是小公司比拟多?诸如此类。 感兴趣的话题,在理解观众群体的根底下,能够接着深入分析理解一下不同分层的观众的关注点别离是什么?还是以笔者此次分享为例,在大略理解到参会者的公司分层以及角色占比后,我在演讲内容中会倾向性讲一些和观众非亲非故的痛点,实质上还是为了和观众产生共情,同时能够以观众比拟容易接受的形式传递主题相干信息。 观众受害点,说白了就是大家看完你的演讲,能够播种到什么,比方笔者冀望通过分享能够让大家理解研发团队如何自建SRE体系,以及建设SRE体系通常须要做哪些档次的事件等,这些就是观众的受害点。 PPT筹备 实用于Keynote或者其余相似工具,因为GOPS大会本次仅提供了PPT模版,笔者下文举例都会以PPT为例。通常技术演讲的模式是比拟固定的,所以PPT内容的outline相对来说也有肯定套路的,下文以我在GOPS大会分享的PPT为样例,做一个介绍。 1、PPT outlineWho 自我介绍局部,倡议1页PPT,简略介绍我是谁,我做过什么,外围在于和观众建立联系,并传播为啥我有资格能够讲这个Topic。 What 倡议一页PPT,通过最简略语言讲述明天要分享的主题,能够让观众通过一句话理解到你要讲的是什么(分享演讲主题的骨架也是一个不错的形式)。 Why 1-2页PPT,重点局部,须要在短篇幅内讲清楚演讲主题的背景,吸引观众的注意力以及引发共鸣。 How 外围演讲内容,通常管制在5-10页,倡议开展3-5个点讲,每个点1-2页。每个点表白上要体现出逻辑性和层次性,通常每一个点要有故事能够讲进去,背景-案例-挑战-解法-成绩。 Future 可选局部,倡议1页PPT,外围表白的是演讲者对演讲波及核心技术将来的认识。通常作为技术类演讲,受众通常为技术类人员,不止关怀演讲者想表白的技术现状,对于演讲者对于指标内容的将来认识也通常比较关心。比方笔者这次分享的SRE局部,受众通常是运维人员,大家在理解弹性计算SRE做了些什么的时候,通常也会关怀咱们将来会做什么?咱们对技术方向的判断是什么? Recap 结尾总结,倡议应用1页PPT汇总,同时突出重点(重点内容字体要足够大,大到醒目)。通常的技术演讲工夫会在30分钟以上,当演讲进行到序幕的时候,观众能够记住的内容曾经非常少了。而结尾时刻的内容也是受众者比拟关注的,这个时候演讲者来一段提纲挈领的总结,能够无效帮忙大家造成对演讲Topic的整体脉络记忆,同时这个时候肯定要把会议想要表白的核心思想表达出来,再次强化。 2、设计准则PPT设计是一个技术活儿,从内容设计到软件应用,每一个局部都有大量的常识值得学习。在这里我想和大家分享的并不是如何设计PPT(如果大家感兴趣,再抽时间把我无限的PPT技能做个总结),而是PPT设计的一些根本准则。只有遵循这些根本准则,不须要懂任何PPT软件(PowerPoint、Keynote等)的高级技巧,也不须要懂内容编排就能够做进去一个简洁的PPT来满足绝大部分日常场景。 大家可能留神到TED演讲以及一些出名的演讲者所出现给观众的PPT,鲜有精美绝伦,更多的是简洁而不简略,内容(PPT内容以及演讲者讲述的)才是重点! 放弃格调简洁 字号肯定不要超过5种,通常状况不要超过3种:色彩不超过3种不必刻意抉择动画放弃格调对立 抉择一种字体雷同作用的文字或者图片,应用雷同的格局图片格调对立管制内容总量 PPT页数通常不超过30页,核心内容页不超过20页每页文字内容少于篇幅1/2PPT不是重点 PPT永远不是重点,内容才是!不要适度雕饰PPT演讲稿筹备 当PPT筹备好了之后,大部分同学可能感觉,演讲的素材曾经有了,是不是能够间接“躺平”了。显然不是,那些大家所知的十分职业的演讲比方乔布斯在苹果发布会以及在斯坦福上的演讲,咱们能看到的Keynote只是老爷子演讲筹备中,最简略的一环,此外业余的演讲稿筹备以及大量的刻意练习缺一不可,下文将逐个进行讲述,首先介绍一下演讲稿筹备。 1、是否须要筹备演讲稿首先,大家可能会纠结于要不要写正式的演讲稿?笔者已经也纠结过这个问题,之前的外部分享都习惯了临场发挥,所以在外部第一次试讲的时候,发现自己讲进去的内容的逻辑性以及连贯性都不太好,甚至还不如观众间接看PPT来的畅快。 简略复盘下来,最基本的起因之一是因为临场的语言组织能力会强依赖不可控的因素比方环境(受众变动,地点变动等),自我情绪状态(缓和),而无效的解决办法就是备稿并继续刻意练习。 所以我感觉通常状况尤其是作为演讲新人来讲,演讲稿筹备是十分必要且重要的一个环节,那么如何筹备演讲稿呢,上面系统性的介绍一下我的思路。 2、如何筹备演讲稿演讲稿肯定是源于PPT的,PPT是观众最直观能够触达的,演讲也是围绕PPT来进行的,所以演讲稿首先肯定是源PPT的,然而如果演讲稿一味和PPT统一,那么演讲也就失去了意义,间接看PPT不是来的更间接,高效吗? 所以,我了解现实的演讲稿应该是源于PPT,但超脱于PPT。简略解释一下,PPT是演讲的骨骼,而演讲稿应该是血肉,演讲稿存在的价值是让演讲变成“血肉之躯”,而演讲者自身依靠于此,并赋予其灵魂。上面,分享一下我的演讲稿筹备过程。 PPT分组 - 思路分层 首先能够将PPT进行分组,前文讲到了PPT的一个outline,who-what-why-how-future-recap,而在演讲过程中咱们能够依据演讲内容将PPT进行一个分组(括号内为每个局部大略须要演讲的工夫)。 收场局部(5分钟),通常介绍who-what-why,介绍我是谁,我要讲什么,以及承前启后讲述注释背景。注释局部(20-25分钟),注释干货局部,介绍演讲主题核心内容。回顾局部(2分钟),演讲内容回顾,划重点。注解PPT - 思路组织 分组做完之后,接下来须要做的一件事就是须要实现源于PPT的演讲稿,我本人采纳的一种形式是间接在每页PPT下写下演讲者正文,益处有两个: ...

July 1, 2021 · 1 min · jiezi

使用微信SDK自定义分享

一、背景介绍在微信中打开自己网站的链接,经常会变成下面这样 不太好看有木有,如果你想在分享出来的东西带上你的logo,带上你想要的描述,怎么办,像下面这样 这就需要用到微信的分享SDK,文档链接:https://developers.weixin.qq.... 二、微信SDK使用说明第一步第一步先要在微信公众平台上注册一个微信公众号,还必须要是认证的企业或组织,流程走下来大概要个两三天的时间吧,只有认证了的公众号才有分享SDK的权限,个人的不行,这个比较麻烦。账号申请成功后会有AppID和AppSecret,这个相当于你公众号的秘钥,第二步需要用到。然后在JS接口安全域名中加入你调微信SDK时的页面的地址,不支持IP地址、端口号及短链域名,只能写域名,不用加http啥的,在设置了安全域名的路径下才能够成功调SDK。 第二步需要一个获取签名的接口,这个可以找RD帮忙操作,请求接口的时候带上URL(必须和你当前的URL一致),然后让RD好好研读下如何通过公众号的AppID和AppSecret获取到token及签名等信息,接下来就可以愉快的调用微信的分享SDK了。 第三步获取到签名之后在HTML中引入 <script typet="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script>引入后在代码中调用分享SDK window.wx.config({ appId: res.data.appId, //res.data为请求签名接口返回数据 timestamp: res.data.timestamp, nonceStr: res.data.nonceStr, signature: res.data.signature, jsApiList: [ 'checkJsApi', 'updateAppMessageShareData', 'updateTimelineShareData' ] }); const shareConfig = { 'imgUrl': '你想展现的图标', 'desc': '你想展现的描述', 'title': '你想展现的title', 'link': window.location.href, 'success': function () { console.log('成功了!'); }, 'cancel': function () { console.log('取消'); } }; window.wx.ready(function () { window.wx.updateAppMessageShareData(shareConfig); window.wx.updateTimelineShareData(shareConfig); });OK!大功告成,现在就可以按你的想法分享内容了,但是如何在本地测试是否成功呢?我们刚才也说了只能在安全域名下才能调用成功,所以Charles就派上大用场了。。。把安全域名代理到本地,然后可以在微信开发者工具上面自测一下,没问题了上真机,iOS和安装都要试一下,会有惊喜。 三、坑及总结在自测了没问题之后上线了。。。结果发现iOS的手机获取签名失败,报invalid signature,后来排查发现在iOS的微信里面如果从其他页面跳转到你要分享的页面window.location.href是不会变的。。。也就是说你发请求去获取签名时候传给后端的URL和你当前的URL是不一致的,所以导致签名获取失败。这个解决办法很多,可以把前一个页面的URL拿去获取签名,只要保持一致就是OK的。好了 先写这么多。。。

July 2, 2019 · 1 min · jiezi

自定义微信分享功能微信jssdk使用总结

需求:vue项目移动端要求用户在公众号中分享出去的链接是图片+文字+标题的形式。而不是默认的要实现的效果如图所示: 不设置时,分享的默认效果,如下图所示: 几个要注意的地方:wx.config 所有的配置项的数据都是后台返回的wx.config配置项的参数大小写一定要按照官网文档来,区分大小写,但是获取到的后台返回的字段可以自由定义,这个时候要注意后台返回的数据字段名称是否和官网的一致,在这块有个问题找了半天,结果最后发现wx.config配置项里面后台返回的res.data.noncestr中noncestr为小写,而自己没有细看一直以为也是nonceStr.导致config:fail.分享时,请求的url不能带有hash值等,所以要进行截取具体参考代码如下所示:` wxShared() { let newUrl = window.location.href.split("#")[0]; // let url = newUrl; this.$store.dispatch("GetTicketJSAPI", url).then(res => { let params = { debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来 appId: "wx3dab174110e5f840", // 必填,企业微信的corpID timestamp: res.data.timestamp, // 必填,生成签名的时间戳*************** nonceStr: res.data.noncestr, // 必填,生成签名的随机串 必填,生成签名的随机串*************** signature: res.data.signature, // 必填,签名*************** jsApiList: ["onMenuShareAppMessage", "onMenuShareTimeline"] }; wx.config(params); //通过config接口注入权限验证配置 wx.ready(function() { // config信息验证成功后会执行ready方法 //通过ready接口处理成功验证 wx.onMenuShareAppMessage({ // 分享给朋友 title: "声动语商学苑", // 分享标题 desc: "好语商引领自信人生 · “一站式”专业青少儿语商培养教育品牌", // 分享描述 link: res.data.str, // 分享链接 imgUrl: "http://www.shengdongyushang.com/upload/asserts/sdys_logo1.png", // 分享图标 type: "", // 分享类型,music、video或link,不填默认为link dataUrl: "", // 如果type是music或video,则要提供数据链接,默认为空 success: function(res) { // 用户确认分享后执行的回调函数 }, cancel: function() { // 用户取消分享后执行的回调函数 } }); wx.onMenuShareTimeline({ //分享朋友圈 title: "声动语商学苑", // 分享标题 desc: "好语商引领自信人生 · “一站式”专业青少儿语商培养教育品牌", link: res.data.str, imgUrl: "https://qccdata.qichacha.com/AutoImage/052236e320f34be80991ce01fd8cd138.jpg?x-oss-process=image/resize,w_120", // 分享图标 success: function(res) { // 用户确认分享后执行的回调函数 }, cancel: function() { // 用户取消分享后执行的回调函数 } }); }); });},`如果对你有所帮助,麻烦点个赞再走吧 ^_^

June 19, 2019 · 1 min · jiezi

H5页面在微信端的分享

H5页面在微信端的分享微信分享,咋一看好像很复杂,实则非常简单。只需要调用微信官方出的微信jssdk,加上些许配置,就可以实现h5页面在微信上的分享,官方文档地址为:https://mp.weixin.qq.com/wiki…一、获取基本信息找到已有公众号的appid,根据这个appid和url向后端发起请求,拿到配置所需要的参数:timestamp、noncestr和signature。二、实现1、页面引入JS-SDK文件通过script标签,引入微信官网的JS-SDK文件<script src=“https://res.wx.qq.com/open/js/jweixin-1.2.0.js" type=“text/javascript”></script>2、基本配置wx.config({ debug: false, // 是否开启调试模式 appId: appid, //appid timestamp: timestamp, // 时间戳 nonceStr: noncestr, // 随机字符串 signature: signature, // 签名 jsApiList: [ ‘onMenuShareTimeline’, ‘onMenuShareAppMessage’, ‘onMenuShareQQ’, ‘onMenuShareWeibo’, ‘onMenuShareQZone’ ] // 需要使用的JS接口列表})3、使用wx.ready(function(){ // 分享给好友 wx.onMenuShareAppMessage({ title: title, // 分享标题 desc: desc, // 分享描述 link: link, // 分享链接 imgUrl: imgUrl, // 分享图标 success: function () { doShareDone() }, cancel: function () { doShareCancel() } }) // 分享到朋友圈 wx.onMenuShareTimeline({ title: title, // 分享标题 link: link, // 分享链接 imgUrl: imgUrl, // 分享图标 success: function () { doShareDone() }, cancel: function () { doShareCancel() } })})// 分享成功回调function doShareDone () { console.log(‘分享成功’)}// 取消分享回调function doShareCancel () { console.log(‘取消了分享’)}三、调试wx.config里的debug字段设置为true时,就可以进行调试。调试要用到微信开发者工具,选择公众号网页项目,输入页面地址就可以了。四、遇到的问题及解决方案微信JS-SDK说明文档的附录5里有大部分问题的解决方案,在这里我列出我遇到的几个上面没有给出解决方案的。1、Uncaught TypeError: Cannot read property ‘config’ of undefined解决:html页面单独引入了sdk,并且组件统一也引入了一遍sdk,导致问题,删除其中之一。2、Uncaught (in promise) TypeError: Cannot read property ‘ready’ of undefined解决:同问题1。3、invalid signature解决:如果文档里的方法都没有解决这个问题,还有一种方法,先设置一种最基础的配置,使其config ok,然后再设置一遍自己需要的有各种参数的分享文案,这样能绕过配置,成功分享。说的可能有点拗口,简单点理解就是,页面只要有一个config成功的配置,就可以再继续配置其它分享,哪怕这个分享配置的signature无效。 ...

August 30, 2018 · 1 min · jiezi