使用IIS和nat123测试企业微信

在上一个单位，公司当时要求开发微信号（现在改名为企业微信） ，需要一个域名，和网络的负责人沟通了以后，网络负责人申请有一点拖拉，无法忍受，就自己百度了端口映射，找到了nat123，

下载了，可以免费试用，在开发过程中，因为需要企业微信进行交互，url必须是80端口，于是，充值了30，开通vip服务，并且提供二级域名，速度方面都能满足开发的需求，后来因为微信开发领导安

排了其他同事，便将nat123借给了这个同事，后续就没在参与，直到上线后，用了公司的二级域名。

      今年五月，刚刚进入新公司，领导要求做一个简单的企业微信查询ERP的数据。

      因为，刚刚到公司，和网络部门的沟通还有限，也是听拖拉的，想到nat123是不是还能用，下载了，竟然还能用，就用这个进行了开发和测试。

      现在使用这个直接演示企业微信利用nat123的开发过程。

     1 申请nat123，百度nat123，进入nat123的官网，下载，注册，这个对于学习软件开发的人，还是比较容易的。因为要80端口，所以需要充值，不贵，为了开发，完全可以忍受。

     2 我的指向如下

   

 

 

 

 

 

 

2 企业微信开发，因为只是一个简单的网站展示，所以就没有调用企业微信的接口，后续会补充，直接上前台代码

<script type="text/javascript">
    $(document).ready(function () {
        InitDataBind();
    });

    function InitDataBind() {
        var content = ""
        $.ajax({
            type: "POST",
            url: "data.ashx?Action=getdata",
            data: "",
            dataType: "json",
            success: function (data) {
                $.each(data.Table, function (i, Table) {
                    content = content + "<li>";
                    content = content + "<a href=\"#\" onclick=\"javascript:window.location.href='detail.aspx?contract=" + Table.CONTRACT + "&part_no=" + Table.PART_NO + "'\">";
                    content = content + "PART_NO:" + Table.PART_NO;
                    content = content + "</a></li>";

                });
                $("#contentList").append(content).listview('refresh');
            },
            error: function (data) {
                dataLi.append("数据有误！");
            }
        });
    }

    </script>

<form id="form1" runat="server">
       

      <div data-role="page"  class="jqm-demos">
        <div role="main" class="ui-content jqm-content">


             <label for="text-1">公司</label>
             <input type="text" data-clear-btn="true" name="text-1" id="text-1" value=""/>

             <label for="text-3">物资编码</label>
             <input type="text" data-clear-btn="true" name="text-2" id="text-2" value=""/>
             

            <a href="#" class="ui-btn" id="search">查询</a>

            <h2>数据</h2>
            <ul data-role="listview" id="contentList"  data-inset="true">
            </ul>

        </div>
      </div>
           
    </form>

<script type="text/JavaScript"> 
        $('#search').unbind().bind('click', function () {

            $('#contentList').empty();

            var content = ""
            $.ajax({
                type: "POST",
                url: "data.ashx?Action=getdata",
                data: { contract: $('#text-1').val(), part_no: $('#text-2').val() },
                dataType: "json",
                success: function (data) {
                    $.each(data.Table, function (i, Table) {
                        content = content + "<li>";
                        content = content + "<a href=\"#\" onclick=\"javascript:window.location.href='detail.aspx?contract=" + Table.CONTRACT + "&part_no=" + Table.PART_NO + "'\">";
                        content = content + "PART_NO:" + Table.PART_NO;
                        content = content + "</a></li>";
                    });
                    $("#contentList").append(content).listview('refresh');
                },
                error: function (data) {
                    dataLi.append("数据有误！");
                }
            });

        });  
       
</script> 

企业微信环境：

 

将网址写入就可调用

结果：