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

Posted 2021-01-06 may-day

一，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即可