国外怎么做网站如何做家乡网站

当前位置： 首页 > news >正文

国外怎么做网站,如何做家乡网站,如何把国外的网站在国内做镜像,用什么开源框架做网站目录 关于腾讯 IM SDK Demo
范例运行环境 设计思路 服务端生成地址 IM 服务端接收 IM 客户端程序 小结 关于腾讯 IM SDK Demo
腾讯云即时通信 IM SDK 提供了单聊、群聊、关系链、消息漫游、群组管理、资料管理、直播弹幕等功能#xff0c;并提供完备的 App 接入及管…  目录 关于腾讯 IM SDK Demo  范例运行环境 设计思路 服务端生成地址 IM 服务端接收 IM 客户端程序 小结 关于腾讯 IM SDK Demo  腾讯云即时通信 IM SDK 提供了单聊、群聊、关系链、消息漫游、群组管理、资料管理、直播弹幕等功能并提供完备的 App 接入及管理接口。目前的下载链接请参照如下 https://cloud.tencent.com/document/product/269/36887 我们下载的是 Windows SDK Web 版本的源码其结构如下 下载后感觉目录里的文件有些随意因此围绕打包编译后的目录 dist 展开研究运行 index.html 似乎能够出来一些效果但实际的使用中肯定与自己的需求有出入由于本人比较懒仅通过跟踪终端显示呈现效果直接暴力修改混淆代码主要解决如下一些问题 1、结合已有系统通过令牌机制验证对首页登录的访问 2、成功访问登录页后生成访问用户的 UserSig UserSig 是用户登录即时通信 IM 的密码其本质是对 UserID 等信息加密后得到的密文如何生成 UserSig 请参照我的文章《C# 生成腾讯云 IM 之 TLSSigAPIv2 UserSig》 3、修改 Toast.js 的信息提示程序 4、根据判断手机微信和PC不同终端进入不同的运行环境样式 5、重写左侧分页提示消息如我的消息、我的通讯录 6、重写获取好友列表 7、重写左侧操作面板样式 8、重写了更新个人资料的昵称和头像功能 9、增加获取成员信息的功能 10、增加了禁言用户和解禁用户的功能 11、重写了初始化左侧好友列表、消息状态及显示的功能 12、修改了视频通话只能显示帐户名改为可以显示昵称的功能 13、增加了视频通话云端混录的功能 14、增加了群组管理员禁言用户及获取禁言用户列表的功能 15、增加对左侧控制面板的显示配置 16、增加聊天面板的选项配置 范例运行环境 操作系统 Windows Server 2019 DataCenter .net版本 .netFramework4.0 或以上 开发工具VS2019  C#  设计思路 服务端生成地址 服务端设计一个登录页面用于如客服登录或普通登录。也可以集成在应用中直接使用Session用户帐户登录通过建立 IM 备份帐户表检验登录 表大致设计如下 序号字段名基础类型说明1AppUIDnvarchar应用系统可能集成的用户帐户2Accountnvarchar腾讯IM账户3APWDnvarchar应用系统集成的加密密码4avatarUrlnvarchar 应用系统集成的头像地址 5nickNamenvarchar应用系统集成的昵称6sexnvarchar应用系统集成的性别7AppClass     nvarcharApp平台名称8AppName      nvarchar应用分类名称9AppSubName  nvarchar应用二类分类名称10AppIDNnvarchar账户类型如客服、考生、个人、企业等等 登录通过后根据用户生成 IM 用链接地址为 /webim/dist/index.aspx并传递相关参数值见下表 序号参数类型说明1atstring传递的即时令牌值接收端页面检验成功后即失效用于页面安全访问2scenestring 场景配置参数。配置参数形式如下{0}{1}{2}_{3} {0}表示登录帐号 {1}表示对方帐号比如添加好友这里可以默认为空 {2}左侧控制面板配置用6个数字连接依次表示为显示控制列表、会话、群组、好友、黑名单、默认进入类型的对应四个图标1234除最后一个数字为1到4的值外其它均为1和01代表显示0代表隐藏 如110102代表显示控制列表显示会话隐藏群组显示好友、隐藏黑名单、进入第二个图标 {3}聊天面板配置用4个数字连接依次表示发送图片、视频、文件、视频通话。 如1110则表示关闭视频通话功能其它图标都显示
综上所述生成的拼接地址如下示例 /webim/dist/index.aspx?at令牌值sceneuser1_user2_110102_1110 IM 服务端接收 IM 服务端接收只要实现令牌值的合法校验即是否可以访问本页成功后进行客户端用的参数赋值并生成 UserSig示例代码如下 % Page LanguageC# ResponseEncodingutf-8 ValidateRequestfalse % % Import NamespaceSystem.Data % % Import NamespaceSystem.Data.SqlClient %% Import NamespaceSystem.Collections.Generic % % Import NamespaceSystem.Web % % Import NamespaceSystem.Web.UI % % Import NamespaceSystem.Web.UI.WebControls %% Import NamespaceSystem.Text % % Import NamespaceSystem.Net % % Import NamespaceSystem.Web.Services% % Import NamespaceSystem.Web.Script.Services% script languageC# runatserverprotected void Page_Load(object sender, EventArgs e){if (Page.IsPostBack true){return;}Security.CraneOfficeCloud cc new Security.CraneOfficeCloud();ViewState[access_token] cc.getToken();ViewState[apiurl] System.Configuration.ConfigurationManager.AppSettings[apiurl];ViewState[userId] ;ViewState[reomteUserId] ;ViewState[cfg_showlist] 0;ViewState[cfg_clist] 0;ViewState[cfg_glist] 0;ViewState[cfg_flist] 0;ViewState[cfg_blist] 0;ViewState[cfg_dlist] 1;ViewState[cfg_spic] 0;ViewState[cfg_svideo] 0;ViewState[cfg_sfile] 0;ViewState[cfg_videocall] 0;ViewState[userSig] ;string _at (Request.QueryString[at] null ? : Request.QueryString[at].ToString());bool validresult cc.validImToken(at);if (validresult false){Response.Redirect(end.aspx);return;}string reqPara sec.CoDecode(Request.QueryString[scene].ToString(), michaeln);string[] paras reqPara.Split();ViewState[userId] paras[0];ViewState[reomteUserId] paras[1];string cfg paras[2];ViewState[cfg_showlist] cfg.Substring(0, 1);ViewState[cfg_clist] cfg.Substring(1, 1);ViewState[cfg_glist] cfg.Substring(2, 1);ViewState[cfg_flist] cfg.Substring(3, 1);ViewState[cfg_blist] cfg.Substring(4, 1);ViewState[cfg_dlist] cfg.Substring(5, 1);string cfg2 paras[3];ViewState[cfg_spic] cfg2.Substring(0, 1);ViewState[cfg_svideo] cfg2.Substring(1, 1);ViewState[cfg_sfile] cfg2.Substring(2, 1);ViewState[cfg_videocall] cfg2.Substring(3, 1);TLSSigAPIv2 sig new TLSSigAPIv2(1400,6b7ec2a8fd);string _sig sig.GenSig(ViewState[userId].ToString());ViewState[userSig] _sig;} /script IM 客户端程序 客户端程序主要用于接收服务端生成的参数并通过 JS 外围控制与改变 IM SDK 的核心JS客户端的示例代码如下 html head meta charsetutf-8/meta namerenderer contentwebkit/meta nameforce-rendering contentwebkit/meta http-equivX-UA-Compatible contentIEEdge,chrome1/ titlecraneoffice TIM/title style typetext/css.fbbtn{cursor:pointer;background-color:White;color:Gray;width:100px;-webkit-box-shadow:0 5px 10px 0 rgba(0,0,0,.5);box-shadow:0 5px 10px 0 rgba(0,0,0,.5);border-style:solid;border-width:1px; }.fbbtn2{cursor:pointer;background-color:White;width:100px;color:Gray;-webkit-box-shadow:0 5px 10px 0 rgba(0,0,0,.5);box-shadow:0 5px 10px 0 rgba(0,0,0,.5);border-style:solid;border-width:1px; }.fblist{width:120px;font-size:9pt;font-family:微软雅黑;}.rfbtn{width:35px;font-size:9pt;font-family:微软雅黑;}.friend-list-container{margin-top:80px;margin-left:10px;}.friend-item-container{cursor:pointer;margin-top:10px;}.friend-name{margin-top:10px;margin-left:0px;color:White;} /style script languagejavascript typetext/javascriptvar app_apiurl %ViewState[apiurl].ToString()%;var app_at %ViewState[access_token].ToString()%;var app_userId %ViewState[userId].ToString()%;var app_remote_userId %ViewState[reomteUserId].ToString()%;var app_showlist %ViewState[cfg_showlist].ToString()%;var app_clist %ViewState[cfg_clist].ToString()%;var app_glist %ViewState[cfg_glist].ToString()%;var app_flist %ViewState[cfg_flist].ToString()%;var app_blist %ViewState[cfg_blist].ToString()%;var app_dlist %ViewState[cfg_dlist].ToString()%;var app_sig %ViewState[userSig].ToString()%;var app_spic %ViewState[cfg_spic].ToString()%;var app_svideo %ViewState[cfg_svideo].ToString()%;var app_sfile %ViewState[cfg_sfile].ToString()%;var app_videocall %ViewState[cfg_videocall].ToString()%;var app_roomid ;var app_groupid ;var app_groupMsgUserId ;var app_groupMsgUserRole ;var app_frameId window.frameElement window.frameElement.id || ;var app_e null;var app_nickname ;var app_faceurl ;if (window.parent ! null) {app_nickname(window.parent.document.getElementById(imnickname).value);app_faceurl(window.parent.document.getElementById(imfaceurl).value);} /script link relicon hreffavicon.ico typeimage/x-icon / link hrefcss/chunk-vendors.c7922a7e.css?v%Server.UrlEncode(DateTime.Now.ToString()) % relstylesheet / link hrefcss/app.16310f51.css?v%Server.UrlEncode(DateTime.Now.ToString()) % relStylesheet / link relstylesheet hrefcss/toastify.min.css //headbody div idapp/div script srcjs/toastify.js/script script src./debug/GenerateTestUserSig.js?v%Server.UrlEncode(DateTime.Now.ToString()) %/script script src./debug/lib-generate-test-usersig.min.js?v%Server.UrlEncode(DateTime.Now.ToString()) %/script script srcjs/chunk-vendors.f90981cb.js?v%Server.UrlEncode(DateTime.Now.ToString()) %/script script srcjs/app.430352d1.js?v%Server.UrlEncode(DateTime.Now.ToString()) %/script script srcjs/jquery-3.2.1.min.js?v%Server.UrlEncode(DateTime.Now.ToString()) %/script script srcjs/utils.js?v%Server.UrlEncode(DateTime.Now.ToString()) %/scriptasp:Label IDinittip runatserver Width300px Height70px Textbr正在配置请稍候… styletext-align:center; display:none;position:absolute;left:100px;top:100px;-webkit-box-shadow:0 5px 10px 0 rgba(0,0,0,.9);box-shadow:0 5px 10px 0 rgba(0,0,0,.9) ForeColorwhite /asp:Label asp:Label IDexTitle runatserver Text styleposition:absolute;left:100px;top:20px; ForeColor#a5b5c1 /asp:Labelinput typebutton IDrfbtn runatserver styledisplay:none onclickgetGroupShuttedList() value刷新 classrfbtn / select idshlist classfblist onchangemuteRefUser(this.value) styledisplay:none/select input typebutton IDButton1 runatserver styledisplay:none onclickchangeArea(1) value刷新 classrfbtn / input typebutton IDButton2 runatserver styledisplay:none onclickchangeArea(2) value刷新 classrfbtn //body /html script languagejavascript typetext/javascriptvar app_groupmemberlistnull;function is_weixin(){var ua navigator.userAgent.toLowerCase(); if(ua.match(/MicroMessenger/i)micromessenger) { return true; } else { return false; } } var vtitle;if(is_weixin()true){vtitleIM 微信版;document.getElementById(exTitle).style.displayvtitle;}else{vtitleIM PC版;document.getElementById(exTitle).style.displayvtitle;}Toast.info(正在配置启动 CO vtitle,请稍候…);function getmemberlist(){var promise tim.getGroupMemberList({ groupID: app_groupid, count: 30, offset:0 }); // 从0开始拉取30个群成员promise.then(function(imResponse) {alert(JSON.stringify(imResponse.data.memberList)); // 群成员列表}).catch(function(imError) {alert(imError);});} async function test() {await sleep(10000); }function sleep(ms) {return new Promise(resolve setTimeout(resolve, ms)); } function setTitleEx(etype){var title;if(etype1){title我的消息;}else if(etype2){title我的通讯录;}document.getElementById(exTitle).innerHTMLtitle; }app_gflnew Array();function gfl(){var promise tim.getFriendList();promise.then(function(imResponse) {for(var i0;iimResponse.data.length;i){app_gfl.push(imResponse.data[i]);}}).catch(function(imError) {Toast.error(imError);});}function handleFriendClickEx(e){e.querySelector(.friend-name).click();}function changeArea(paneltype){var ol30;if(is_weixin()true){document.getElementById(exTitle).style.displaynone;}if(paneltype1){if(is_weixin()true){document.querySelector(.bar-right).style.display none;document.querySelector(.current-conversation-wrapper).style.display;document.querySelector(.current-conversation-wrapper).style.width (window.frameElement.offsetWidth-ol)px;document.querySelector(.current-conversation-wrapper).style.position absolute;document.querySelector(.current-conversation-wrapper).style.left olpx;}}else if(paneltype2){document.getElementById(exTitle).style.display;if(is_weixin()true){document.querySelector(.current-conversation-wrapper).style.displaynone;document.querySelector(.bar-right).style.display ;document.querySelector(.bar-right).style.position absolute;document.querySelector(.bar-right).style.left olpx;document.querySelector(.bar-right).style.width (window.frameElement.offsetWidth-ol)px;}}}function updateProfile(){if(app_nickname||app_faceurl){return;}let promise tim.updateMyProfile({nick: app_nickname,avatar: app_faceurl});promise.then(function(imResponse) {}).catch(function(imError) {alert(updateMyProfile error: imError); // 更新资料失败的相关信息});}function getNick(userid){for(var i0;iapp_gfl.length;i){if(app_gfl[i].profile.userIDuserid){return app_gfl[i].profile.nick;}}return userid;}function getNick2(userid){let promise tim.getUserProfile({userIDList: [userid] // 请注意即使只拉取一个用户的资料也需要用数组类型例如userIDList: [user1]});promise.then(function(imResponse) {app_eimResponse.data[0].nick;if(imResponse.data[0].nick!undefined){return imResponse.data[0].nick;}}).catch(function(imError) {return userid; // 获取其他用户资料失败的相关信息}); var eapp_e;alert(e.\(store);e.\)store.dispatch(checkoutConversation,CC20210506102216154);}function getmemberinfo(){Toast.info(信息提取中如某些选项未显示请重新点击再试…);if(app_groupMsgUserIdapp_userId){app_groupMsgUserRole;Toast.notify(提取用户信息完成);return;}var promise tim.getGroupMemberProfile({groupID: app_groupid,userIDList: [app_userId]});promise.then(function(imResponse) {if(imResponse.data.memberList.length0){var mlimResponse.data.memberList[0];app_groupMsgUserRoleml.role;Toast.notify(提取用户信息完成。);}}).catch(function(imError) {Toast.error(imError);});}function reposx(x){if(x230100\((window).width()){x\)(window).width()-230-100;}return x;}function reposy(y){if(y27170\((window).height()){y\)(window).height()-271-70;}return y;}function muteRefUser(userid){if(userid) return;if(confirm(是否解禁用户userid)false){return;}app_groupMsgUserIduserid;muteUser(0);}function muteUser(seconds) {var promise tim.setGroupMemberMuteTime({groupID: app_groupid,userID: app_groupMsgUserId,muteTime: seconds // 禁言10分钟设为0则表示取消禁言});promise.then(function(imResponse) {var tip(seconds0?已取消禁言该用户:用户app_groupMsgUserId已被禁言timetip(seconds));Toast.notify(tip);rfbtn.click();}).catch(function(imError) {Toast.error(imError);});}function timetip(off) {var xparseInt(off/3600,10);var htipx0?:x小时;offoff-x*3600;var z parseInt(off / 60, 10);var y off % 60;var mtip;var stip;if(z0y!0){stipy秒;} else if (z ! 0 y 0) {mtip z 分钟;} else if (z ! 0 y ! 0) {mtip z 分;stip y 秒;} return htipmtipstip;}function onl() {if (app_showlist 1) {}window.setTimeout(async function () {document.getElementById(inittip).style.display none;var f false;var fi 0;for (var i 0; i document.getElementsByTagName(div).length; i) {if (document.getElementsByTagName(div)[i].getAttribute(class) side-bar-wrapper) { // document.getElementsByTagName(div)[i].style.width window.frameElement.offsetWidthpx;}if (document.getElementsByTagName(div)[i].getAttribute(class) bar-right) { // document.getElementsByTagName(div)[i].style.display none;}if (document.getElementsByTagName(div)[i].getAttribute(class) bar-left) {// document.getElementsByTagName(div)[i].style.display none;}if (document.getElementsByTagName(div)[i].getAttribute(class) current-conversation-wrapper app_showlist 0) {if (app_frameId ! ) {document.getElementsByTagName(div)[i].style.width (window.frameElement.offsetWidth - 44) px;document.getElementsByTagName(div)[i].style.height 99vh;document.getElementsByTagName(div)[i].style.left 31px;document.getElementsByTagName(div)[i].style.top 0px;document.getElementsByTagName(div)[i].style.position absolute;}}if (document.getElementsByTagName(div)[i].getAttribute(class) content) {// alert(document.getElementsByTagName(div)[i].innerHTML);// document.getElementsByTagName(div)[i].style.width window.frameElement.offsetWidth px;// document.getElementsByTagName(div)[i].style.height window.frameElement.offsetHeight px;// document.getElementsByTagName(div)[i].style.position absolute;}// group - listif (document.getElementsByTagName(div)[i].getAttribute(id) group-list app_dlist 2) {document.getElementsByTagName(div)[i].click();}if (document.getElementsByTagName(div)[i].getAttribute(class) header-bar) {if (document.getElementsByTagName(div)[i].innerHTML.indexOf(创建群组) ! -1) {document.getElementsByTagName(div)[i].innerHTML ;shlist.style.displaynone;rfbtn.style.displaynone;document.getElementsByTagName(div)[i].appendChild(shlist);document.getElementsByTagName(div)[i].appendChild(rfbtn);}}if (document.getElementsByTagName(div)[i].getAttribute(class) conversation-item-container app_dlist 1) {f true;fi i;// break;}if (document.getElementsByTagName(div)[i].getAttribute(class) group-item app_dlist 2) {f true;fi i;// break;}}if (f true) {document.getElementsByTagName(div)[fi].click();if(app_dlist2){await sleep(1500);getmemberinfo();await sleep(1500);if(app_groupMsgUserRoleOwner||app_groupMsgUserRoleAdmin){rfbtn.click();shlist.style.display;rfbtn.style.display;}}}updateProfile();document.getElementById(friend-list).click();await sleep(1000);gfl();document.getElementById(conversation-list).click();}, 3000);}function iconClick() {setTitleEx(1);window.setTimeout(async function () {var f false;var fi 0;for (var i 0; i document.getElementsByTagName(div).length; i) {if (document.getElementsByTagName(div)[i].getAttribute(class) conversation-item-container ) {f true;fi i;break;}}if (f trueis_weixin()false){document.getElementsByTagName(div)[fi].click();}window.parent.layer.closeAll();}, 1000);}window.onload function () {if (document.getElementsByTagName(button).length 1) {document.getElementsByTagName(button)[0].click();}}function setonline(_user1, _user2) {\(.ajax({type: Post,url: app_apiurl,contentType: application/x-www-form-urlencoded;charsetutf-8,data: {gettype: getRoomIdForMixRecord,at: app_at,user1: encodeURIComponent(_user1),user2: encodeURIComponent(_user2)},dataType: json,success: function (res) {//JSON.stringifyalert(res.roomid);if (res.roomid ! ) {app_roomid res.roomid;requestMixRecord(request, turing, app_roomid, ARP120102197701243273, ARI20200401);}},error: function (err) {alert(JSON.stringify(err));}});}function requestMixRecord(_mixtype, _companyName, _roomid, _userid1, _userid2) {\).ajax({type: Post,url: app_apiurl,contentType: application/x-www-form-urlencoded;charsetutf-8,data: {gettype: MixRecord,at: app_at,mixtype: encodeURIComponent(_mixtype),companyName: encodeURIComponent(_companyName),roomid: encodeURIComponent(_roomid),userid1: encodeURIComponent(_userid1),userid2: encodeURIComponent(_userid2)},dataType: json,success: function (res) {//返回的数据用data.d获取内容 if (res.code 0) {// Toast.notify(_mixtype record ok);} else {// Toast.notify( record res.code);} // alert(JSON.stringify(res));},error: function (err) {Toast.error(err);}});} //mixrecordfunction delGroupMsg() {\(.ajax({type: Post,url: app_apiurl,contentType: application/x-www-form-urlencoded;charsetutf-8,data: {gettype: im_deleteGroupMsg,at: app_at,groupid: encodeURIComponent(app_groupid),account: encodeURIComponent(app_groupMsgUserId)},dataType: json,success: function (res) {//返回的数据用data.d获取内容 // alert(JSON.stringify(res));if(res.ErrorCode0){Toast.notify(删除消息成功缓存的消息可能还会显示。);}else{Toast.error(删除消息失败。);}},error: function (err) {Toast.error(JSON.stringify(err));}});} //mixrecordfunction getGroupShuttedList() {\).ajax({type: Post,url: app_apiurl,contentType: application/x-www-form-urlencoded;charsetutf-8,data: {gettype: im_getGroupShuttedList,at: app_at,groupid: encodeURIComponent(app_groupid)},dataType: json,success: function (res) {if(res.ErrorCode0){if(res.ShuttedUinList.length0){Toast.notify(获取禁言列表成功,共res.ShuttedUinList.length个用户);shlist.length0;shlist.options.add(new Option(选择取消禁言用户,));for(var i0;ires.ShuttedUinList.length;i){var useridres.ShuttedUinList[i].Member_Account;shlist.options.add(new Option(userid,userid));}}else{shlist.length0;shlist.options.add(new Option(没有被禁言的用户,));}}else{ // Toast.error(获取禁言列表失败。);}},error: function (err) {alert(errorJSON.stringify(err));// Toast.notify(_mixtype record fail);}});} //mixrecord/script 小结 暴改的腾讯 IM SDK Demo 请下载我的资源 https://download.csdn.net/download/michaelline/89356543 本文代码代码示例仅供您参考使用示例中使用到了视频通话的云端混录功能有关云端混录功能请参考我的文章《C# 实现腾讯云多路直播流的云端混合录制》请根据实际的应用取舍另外一些 WebAPI 如设置用户在线状态、群组管理也可根据实际需要进行修改。 感谢您的阅读希望本文能够对您有所帮助。