[jhtml] 上次虎绿林小程序烂尾了,再来个网页版本【滑稽】

@Ta 01-28 19:37 1627点击

上次 小程序 烂尾了,主要是因为十月那段时间特别忙 天天加班......
也有点不喜欢小程序的各种限制。

那么!网页版,它来了。

基于虎绿林的 jhtml 功能实现的,还在开发中...
开源地址: https://github.com/iola1999/hu60-jhtml
vue.js + Vant,有兴趣开发可以 issue 沟通后提 pr 哦。

2020.01.28

优化了看帖样式;提供一个反代版本方便体验:https://www.gotosjtu.cn/hu60-jhtml

2020.01.27

添加登录功能(写完才意识到,不登录用不了 jhtml......不过可以做个反代版本供体验)

2020.01.13

首页帖子列表展示得差不多了...

还有很多工作要做,慢慢写...

预览:

2020.01.09

优化了一些看帖方面的体验,还在努力做...

普通用户使用方法:

虎绿林首页 -> JHTML 填入以下内容
(目前基本没功能,自行访问 hu60.cn / hu60.net 即可返回默认版本):

<!-- 更新日期:2020.01.01 10:27 -->
<!DOCTYPE html><html lang=en><head><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1"><link rel=icon href="data:;base64,="><title>虎绿林 编程学院</title><link href=https://www.gotosjtu.cn/hu60-jhtml/css/app.css rel=preload as=style><link href=https://www.gotosjtu.cn/hu60-jhtml/css/chunk-vendors.css rel=preload as=style><link href=https://www.gotosjtu.cn/hu60-jhtml/js/app.js rel=preload as=script><link href=https://www.gotosjtu.cn/hu60-jhtml/js/chunk-vendors.js rel=preload as=script><link href=https://www.gotosjtu.cn/hu60-jhtml/css/chunk-vendors.css rel=stylesheet><link href=https://www.gotosjtu.cn/hu60-jhtml/css/app.css rel=stylesheet></head><body><div id=app></div><script src=https://www.gotosjtu.cn/hu60-jhtml/js/chunk-vendors.js>&lt;/script>&lt;script src=https://www.gotosjtu.cn/hu60-jhtml/js/app.js>&lt;/script>&lt;/body>&lt;/html>

因为虎绿林的 jhtml 只能存放 html,所以 js、css 需要放到自己的 cdn 或者其他位置。

上面内容里的js、css,是我写了一个简单的 CI,github上提交会自动构建,并将 js、css 存到服务器上,理论上可以长期使用。

回复列表(10)
  • @Ta / 01-07 13:45

    这个可以啊
    红米Note4超高配版(银色)

  • @Ta / 01-07 13:46

    楼主上交大?
    红米Note4超高配版(银色)

  • @Ta / 01-07 15:45
    支持
    人生若只如初见
  • @Ta / 01-07 16:30
    支持一下,提交了一个pr以示鼓励,哈哈。
    CentOS 9
  • @Ta / 01-07 17:12
    牛逼
  • 000
    @Ta / 01-07 17:45
    不错 我晚些也打算弄一个玩玩 
  • @Ta / 01-07 18:06
    等我再写个CI,发布 js 和 css 到我 cdn 上 
  • @Ta / 01-08 04:53

    @iola1999,赞
    @000,支持

    各位加油啊,虎绿林未来的默认UI就靠你们了(期待白嫖的眼神)

  • @Ta / 01-08 11:59

    @老虎会游泳, {:呸}
    红米Note4超高配版(银色)

  • @Ta / 01-13 23:36
    这次放出来的插件是 进行手淘接口 请求时Header 头里面 的x-sign 字段的计算



    xp插件 不多解释了。这个插件会自动抓包手淘请求的接口打印在xp框架的日志里面,所以可以自行进行任意接口封装,比方说 手淘里面的 淘口令生成、淘口令解析、淘宝详情页面等等这些接口。



    步骤:

    1:准备一个拥有xp框架的手机(模拟器)

    2:安装官方淘宝7.6.0版本、和本篇文章的插件,安装好后启动插件,重启手机生效

    3:点开一下安装的XP框架跟手机淘宝APP

    4:把手机(模拟器)10086端口转发出来(这个插件默认监听10086端口)

    5:请求这个端口,接口路由默认是/input (示例:127.0.0.1:10086/sign),GET请求,参数只有两个(input、appkey) (示例:http://127.0.0.1:10086/sign?input=Xa1%2b1nqRobwDAIZE3hDOjh%2ft%26%26%2621646297%2699914b932bd37a50b983c5e7c90ae93b%261572836034%26mtop.taobao.wireless.homepage.remind%263.0%26%26270200%40taobao_android_7.6.0%26AnF77RP_zY8J46Z-woz5LPB51Tfcjl2iWI2rCTluMJin%26%26%2627&app_key=21646297),最后请求结果就会出来:{"sign":"ab20380090d4ad5ae29b0bdd58e761260cf334b3c12e05a4ed"}



    PS: 抓取的日志大致为 


    Base SignString Res(这个是input 参数,进行签名时需要传入的) >>> {INPUT=Xa1+1nqRobwDAIZE3hDOjh/t&&&21646297&99914b932bd37a50b983c5e7c90ae93b&1572835991&mtop.common.gettimestamp&*&&270200@taobao_android_7.6.0&&&&27}

    Base Sign Params[0](这个是调用签名方法时传入的第一个参数) >>> {uid=null, ttid=270200@taobao_android_7.6.0, sid=null, x-features=27, data={}, v=*, utdid=Xa1+1nqRobwDAIZE3hDOjh/t, t=1572835991, api=mtop.common.gettimestamp, deviceId=null, appKey=21646297}

    Base Sign Params[1](这个是调用签名方法时传入的第二个参数,应该是appkey) >>> 21646297

    Base Sign Params[2](这个是调用签名方法时传入的第三个参数,基本为null) >>> null

    Base Sign Res(这个是调用签名方法,最后的结果) >>> ab20380090d4f6226ccd94280d80252dcc702d917b9e7db023

    Base Taobao Url(这个是请求淘宝时的整个http协议信息,GET 请求,只有URL 跟 header头部分别的不需要的) >>> Request{ url=https://guide-acs.m.taobao.com/gw/mtop.common.gettimestamp/*/?data=%7B%7D, method=GET, appKey=21646297, authCode=null, headers={content-type=application/x-www-form-urlencoded;charset=UTF-8, x-umt=S21LIrVLOp1EszVuNPNa%2Bv70UW50qVNZ, x-app-conf-v=19, x-features=27, x-utdid=Xa1%2B1nqRobwDAIZE3hDOjh%2Ft, user-agent=MTOPSDK%2F3.0.4.7+%28Android%3B4.4.4%3BiToolsAVM_T0026450S%3BiToolsAVM_T0026450S%29, x-pv=5.1, x-mini-wua=HHnB_koR4Yde2Eh8zS91EvjJ9%2Bl0MEwpJdRdXdMZGgl4RhyvKIWnTHbHVOaA%2BXx3mzIhw4wcDmMeHChFT%2BrzTdpb2xXUJeS6boEJewpsz1%2BHSH%2BE%3D, cache-control=no-cache, x-c-traceid=null1572835991480000112440, x-appkey=21646297, x-t=1572835991, x-app-ver=7.6.0, x-ttid=270200%40taobao_android_7.6.0, x-sign=ab20380090d4f6226ccd94280d80252dcc702d917b9e7db023, f-refer=mtop}, body=null, seqNo=MTOP1, connectTimeoutMills=10000, readTimeoutMills=15000, retryTimes=1, bizId=0, env=0, reqContext=null, api=mtop.common.gettimestamp}

    上面是大致的抓包打印的日志信息,至于怎么导出XP框架的日志,玩过的都知道吧,或者自行百度吧,非常简单。插件也没有带广告,自己去搞吧,市场价格万能淘口令生成大概是 一毛钱一次,自行百度查看吧。后续放出PHP整体调用的例子,大家先自己试试,想要商用的小伙伴,注意一下,uid跟 sid 就可以了(类似于淘宝的账号密码,在手机淘宝APP 登陆后 ,查看XP框架日志就能看到)
添加新回复
回复需要登录

[聊天-此处没有老虎] 情醉中国风:淦!https://cloud.tencent.com/act/seckill?broadcast=…