微信jssdk配置的问题,使用MVC制作的demo

Posted may-day

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了微信jssdk配置的问题,使用MVC制作的demo相关的知识,希望对你有一定的参考价值。

一,view代码

<script src="~/Scripts/jquery-3.3.1.js"></script>
<script src="~/Scripts/jweixin-1.4.0.js"></script>
@*<script src="~/Scripts/jweixin-1.0.0.js"></script>*@
<script>
    wx.config({
        debug: true,
                appId: "@ViewBag.AppId",
                timestamp: "@ViewBag.timestamp",
                nonceStr: "@ViewBag.nonceStr",
                signature: "@ViewBag.signature",

        jsApiList: [
                    "checkJsApi",
                    "onMenuShareAppMessage",
                ]
    });
    wx.ready(function () {
        wx.checkJsApi({
            jsApiList: [onMenuShareAppMessage], // 需要检测的JS接口列表,所有JS接口列表见附录2,
            success: function (res) {
                // 以键值对的形式返回,可用的api值true,不可用为false
                // 如:{"checkResult":{"chooseImage":true},"errMsg":"checkJsApi:ok"}
            }
        });

        wx.error(function (res) {
            //alert(res);
        });
        wx.onMenuShareAppMessage({
            title: 测试, // 分享标题
            desc: 测试, // 分享描述
            link: http://chwmay.51mypc.cn/Home/Index, // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
            imgUrl: https://i.vzan.cc/image/liveimg/jpeg/2018/4/13/185209cf7bdd0050fd4ced84b0a64aded068ef.jpeg, // 分享图标
            type: link,
            dataUrl: ‘‘,
            success: function () {
                alert(1);
            },
            cancel: function () {
                // 用户取消分享后执行的回调函数
            }
        });
    })
</script>

二,控制器代码

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;
using WebTestDemo.Code;

namespace WebTestDemo.Controllers
{
    /// <summary>
    /// 微信JSSDK的使用
    /// </summary>
    public class JssdkController : BaseController
    {
        public static string AppId = "";
        public static string timestamp = "";
        public static string nonceStr = "";
        public static string signature = "";

        public ActionResult Index()
        {
            timestamp = JssdkHelper.ConvertDateTimeInt(DateTime.Now).ToString();   //时间戳获取当前时间
            nonceStr = "Test" + new Random().Next(1, 1000) + "Demo";               //随机字符串没有固定的字符和没有特定的格式
            string url = HttpContext.Request.Url.ToString();  // url(当前网页的URL,不包含#及其后面部分)
            url = url.Substring(0, url.IndexOf(#) == -1 ? url.Length : url.IndexOf(#));
            signature = JssdkHelper.ReturnSignature(timestamp, nonceStr, url);
            ViewBag.AppId = JssdkHelper.appid;
            ViewBag.timestamp = timestamp;
            ViewBag.nonceStr = nonceStr;
            ViewBag.signature = signature;
            return View();
        }
    }
}

三,JSSDK帮助类代码

    public static class JssdkHelper
    {

        public const string appid = "你的appid";
        public const string appsecret = "你的appsecret ";
        public const string baseurl = "https://api.weixin.qq.com/";
        public const string openurl = "https://open.weixin.qq.com/";
        public const string token = "test";

        public static int ConvertDateTimeInt(DateTime time)
        {
            DateTime startTime = TimeZone.CurrentTimeZone.ToLocalTime(new DateTime(1970, 1, 1));
            return (int)(time - startTime).TotalSeconds;
        }

        /// <summary>
        /// 返回签名
        /// </summary>
        /// <param name="signature"></param>
        /// <param name="timestamp"></param>
        /// <param name="nonce"></param>
        /// <returns></returns>
        public static string ReturnSignature(string timestamp, string nonce, string url)
        {
            string tmpStr = string.Empty;
            string jsapi_ticket = Getjsapi_ticket();
            SortedList<string, string> SLString = new SortedList<string, string>();

            SLString.Add("jsapi_ticket", jsapi_ticket);
            SLString.Add("noncestr", nonce);
            SLString.Add("timestamp", timestamp);
            SLString.Add("url", url);
            foreach (KeyValuePair<string, string> des in SLString)  //返回的是KeyValuePair,在学习的时候尽量少用var,起码要知道返回的是什么
            {
                tmpStr += des.Key + "=" + des.Value + "&";
            }
            if (tmpStr.Length > 0)
                tmpStr = tmpStr.Substring(0, tmpStr.Length - 1);
            return Utils.SHA1Encrypt(tmpStr);
        }

        /// <summary>
        /// 获取Token
        /// </summary>
        /// <returns></returns>
        public static string GetToken()
        {
            string token = CookieHelper.GetCookie(CookieHelper.StrWXTokenCookieName);
            if (string.IsNullOrEmpty(token))
            {
                string url = string.Format("{0}cgi-bin/token?grant_type=client_credential&appid={1}&secret={2}", baseurl, appid, appsecret);
                string str = Utils.HttpGet(url);
                JObject j = JObject.Parse(str);
                token = j.Value<string>("access_token");
            }

            return token;
        }
        public static string Getjsapi_ticket()
        {
            string access_token = GetToken();
            string url = string.Format("https://api.weixin.qq.com/cgi-bin/ticket/getticket?access_token={0}&type=jsapi", access_token);
            string backStr = HttpClientHelper.GetResponse(url);
            //string backStr = "{ "errcode":0,"errmsg":"ok","ticket":"kgt8ON7yVITDhtdwci0qeZWDYY9llY5RrKsWxKD--zOUIRYqJ1XwMo305bwZhG22b5hOl-TZ-gZAXCbMMHwvCw","expires_in":7200}";
            string str_ticket = backStr.Split(,)[2].Split(:)[1];
            string Jsapi_ticket = str_ticket.Substring(1, str_ticket.Length - 2);
            return Jsapi_ticket;
        }

    }

四,invalid url domain出现后的解决方法

在微信开发文档中有一个这样的解决方法,当前页面所在域名与使用的appid没有绑定,请确认正确填写绑定的域名,仅支持80(http)和443(https)两个端口,因此不需要填写端口号,但这个是什么意思呢?
1,建议在IIS部署的网站是80端口,如果是还出现问题就看2,就是JS接口安全域名这里的配置有问题,js安全域名怎么配置呢?
2,先去掉http,比如我们的域名是www,xxx.com,我们不能配置成http://www,xxx.com/Jssdk/Index,要去掉http://以及后面的文件目录(/Jssdk/Index),写成www,xxx.com即可

技术分享图片

 



以上是关于微信jssdk配置的问题,使用MVC制作的demo的主要内容,如果未能解决你的问题,请参考以下文章

企业微信jssdk报错result is empty

微信官方jssdk Demo -php版

asp.net mvc 如何调用微信jssdk接口:分享到微信朋友(圈)| 分享到qq空间

ASP.NET MVC做的微信WEBAPP中调用微信JSSDK扫一扫

asp.net mvc 如何调用微信jssdk接口:分享到微信朋友(圈)| 分享到qq空间

微信朋友圈JSSDK分享自定义图片文字