微信小程序 获取标签里面的数据 例如：view、text

新手学堂034

微信小程序 获取标签里面的数据 例如：view、text,第1张

在一些场景中，我们需要获取到标签里面的值来和接口返回的值做对比，一致则进行下一步，后者进行错误判断

<block wx:for='{{objectArray}}'  data-name='{{itemname}}' data-id='{{itemid}}' bindtap='select'>

        <text class='yuzhong'>{{itemname}}</text>

    </view>

主要在于 data- 这个上面  上面的那个name 和 id 是我自己定义的，你们可以随意定义一些语义化的词，

获取也很简单：

select:function(e){

consolelog(ecurrentTargetdatasetname);

    },

微信小程序可以通过修改自定义菜单的方式将魔筷星选的ID与小程序链接起来。具体步骤如下：

1 打开微信公众平台，进入小程序管理页面，选择开发->开发设置->开发者工具设置，将IP白名单设置为0000/0。

2 进入工具->自定义菜单，添加一个新的菜单，选择菜单类型为“网页链接”，将魔筷星选的ID作为跳转链接。

3 根据需要，可进行菜单名称、颜色、字体等的自定义设置。

4 确认设置无误后，发布自定义菜单即可。

需要注意的是，魔筷星选的ID必须是可访问的链接，如果链接失效或者不可访问，可能会导致小程序跳转失败。因此在设置之前，建议先测试链接的可访问性，确保信息的准确性和及时性。

微信小程序跟 Web 开发有着很大的区别，只是采用了 HTML/CSS/JS 相似的语法而已。

它并不支持 DOM 操作；即使是 wxcreateSelectorQuery() 也仅仅是阉割版，只包括宽高等布局信息。

建议题主先把微信提供的开发文档完整的阅读一遍，以减少不必要的困扰。

微信公众平台： 微信公众平台

https://mpweixinqqcom/

商户平台： 商户平台

https://payweixinqqcom/indexphp/core/home/login

开发手册 api 是： 

https://payweixinqqcom/wiki/doc/api/indexhtml

https://payweixinqqcom/wiki/doc/api/wxa/wxa_apiphpchapter=9_1

生成XML的测试接口： 测试接口

https://payweixinqqcom/wiki/tools/signverify/

32位随机码生成器

1 配置参数， 一个都不能少（这些都是必填的，还有其他选填的参数，也可以随心情填写）

    appid        此小程序的唯一标识 例如：wxed9dxxx6d6cxxx9e

    body        可以写商品描述 例如：我是商品描述,用户买了两个馒头

    mch_id    商户id 需在 商户平台  查看（申请商户平台成功就会得到） 如： 1494112

    nonce_str    随机字符串（别带小数点（没考证 感觉）） 例如：76521019851170500000

    notify_url    成功后的通知地址 例如：https://baidutop/callbackofpay

    openid        用户的唯一标识 在用户使用小程序的时候通过其 code 换取 openid 

                        例如： obxgc5CgBbgKDrvcxxxxxJ-xxxxx

    out_trade_no        商户订单号 例如：20180805740161 需要无重复

    spbill_create_ip    终端ip（服务器的ip）貌似 127001 就行

    total_fee                此单的交易额度(钱 money) 例如：888 单位是 分钱。及888元钱 （ 注意是数值型，非字符型，除此之外其他的都是字符型 ）

    trade_type    小程序用 'JSAPI' 其他看api

2 将以上参数（必要参数一个不能少）按照 key 字典排序，进行拼接。

例如： appid=wxedxxx2xxx6c03e9e&body=我是商品描述,用户买了两个馒头&mch_id=1494112&nonce_str=76521019851170500000

3 在结尾加上 商户的秘钥 mch_key （需在商户平台配置 在：账户中心-->账户设置-->API安全-->API秘钥 ，可以用 32位随机码生成器  生成）

    + "&key=" + mch_key

5 对拼接成的字符串，进行md5加密-->转大写 -->生成 签名 sign

    例如： 425F6561A654B366B5519F000CF2AE61

6 将以上参数拼成  xml

let _xmlUnifiedorder = `

            ${myObjappid}

            ${myObjbody}

            ${myObjmch_id}

            ${myObjnonce_str}

            ${myObjnotify_url}

            ${myObjopenid}

            ${myObjout_trade_no}

            ${myObjspbill_create_ip}

            ${myObjtotal_fee}

            ${myObjtrade_type}

            ${sign}

        `;

7 携带参数 post 访问  https://apimchweixinqqcom/pay/unifiedorder 接口

    如果正确 会成功得到 xml格式的  prepay_id ，如果签名错误进行下面的错误查找。

    ~~：进行错误查找  可以拿出参数在  测试接口  进行测试 ，无异常可以正常生成 xml之后，如果还报错。

    试着 更改 商户平台的秘钥 （详细请看第 3 步）。貌似很多人都踩这个雷了 

<code>

// 字典排序 key1=xxx&key2=zzz 拼接成字符串

function joinToStr(_obj) {

    let keyArr = [];

    for (let key in _obj) {

        keyArrpush(key);

    }

    keyArr = keyArrsort();

    consolelog("keyArrSort--->", keyArr);

    //    paySign = MD5(appId=wxd678efh567hg6787&nonceStr=5K8264ILTKCH16CQ2502SI8ZNMTM67VS&package=prepay_id=wx2017033010242291fcfe0db70013231072&signType=MD5&timeStamp=1490840662&key=qazwsxedcrfvtgbyhnujmikolp111111) = 22D9B4E54AB1950F51E0649E8810ACD6

    // _str 是 paySign 中MD5 包裹的字符串部分

    let _str = "";

    let len = keyArrlength;

    for (let i = 0; i < len; i++) {

        if (i == len - 1) {

            _str += (keyArr[i] + "=" + _obj[keyArr[i]]);

        } else {

            _str += (keyArr[i] + "=" + _obj[keyArr[i]] + "&");

        }

    }

    return _str;

}

</code>

你好，小程序的发布包含了安卓系统与苹果系统，小程序的启动需要扫描二维码，才能启动。您可以进入公众平台注册小程序账号来进行属于您自己的小程序的开发工作。

简单地讲就像注册公众号那样去注册一个小程序的账号，在小程序的账号中获取相应的开发接口与发布推广，谢谢。