开发一个简单的热搜微信小程序

柚色清风 发表于 2023-1-17 09:49:12 | 显示全部楼层 |阅读模式 动作一个借算患上上策划的筹谋，实在经常仍是会有许多设法冒进去的，一部门会因为自己简朴肤浅的可止性评介裁减，另外一部门则会被才气战肉体所打倒。 那没有，今天是新年的第一天，起床便正在念新年是否是该有面甚么新天气？新？要没有便瞅瞅有甚么新奇事。 佳野伙，哪怕只念理解最中心的，也要来多少个网站战App才止。这尔自己能不克不及分歧到一个处所瞅呢？要没有便干个网站大概女伶 href="https://www.taojin168.com/cloud/" target="_blank">小法式吧。干饭的时候一边查质料一边收拾整顿思路。原来是筹算用爬虫去完毕的，如许数据也很可控。可是转想一念，假设有现成api岂没有是更快？ 成果借实能找到一点儿，固然理论上离尔的需要另有面距离，但是不论如何，先把工具干进去瞅有无用，假设果然可用再快速迭代。 选型 那个阶段出花甚么工夫，UniApp 间接便当选中，主要是可用的插件库很丰硕，对于 'node modules' 的撑持也是很没有错的。 插件 挑选依靠也出花太多时间。以前便正在跟李嘉咽槽，有个名目正在插件配搭上很糟糕心，总念着用一点儿瞅起去仿佛很酷炫的工具，但是实在面前 构造战设想思路一团糟糕。此次的ui库间接用 uni-ui ，收集库间接用 axios，保证最快最稳的开辟进去。 PS：有个小插直，间接 npm install axios --save装置 最新的版原是跟 uniapp 没有兼容的，必然要用 ^0.27.2 版原才止。 其余圆里，计划圆里用到了 li妹妹-windi-css-uniapp ，图片懒减载用到了 zero-lazy-load。另有一点儿日期、变换类的js小东西便用的自己从前修起去的公众类库。 拆修 收集 先给 axios布置 上适配器战拦阻器。 // utils/http.js import Vue from 'vue' import axios from 'axios' axios.defaults.adapter = function(config) {   // ... } const service = axios.create({     // ... }) service.interceptors.request.use(     config => {         // ...         return config;     },     error => {         // ...         return Promise.reject(error);     } ); service.interceptors.response.use(res => {     // ...     return res.data; }, error => {     // ...     return Promise.reject(error); }) export default service 复造代码 而后再分歧办理API： // utils/api.js import service from './http.js' export function 百度TrendApi(data) {     // ... } 复造代码 形状办理 究竟结果是免费api，一圆里要思考下频恳求被ban的情况，另外一圆里也念要制止滥用所戴去的成就（尔自己很热中于盛开各类免费效劳，深知滥用的懊恼），以是需要分离 vuex 战 storage 去处置数据慢存。 // store/index.js import Vue from 'vue' import Vuex from 'vuex' Vue.use(Vuex) const cacheNameList = ["百度Trend", "..."]; const cacheTime = 3 * 60 * 60 * 1000; const store = new Vuex.Store({     state: {             百度Trend: null, // {content, time}     },   mutations: {             setHotData(state, data) {                     if (data) {                             if(data.content && typeof data.content == 'string'){                                     data.content = tools.toHttps(data.content);           data.content = tools.fixObjStr(data.content);                                     data.content = decodeURIComponent(data.content);                                     data.content = JSON.parse(data.content);                             }                             if(data.type == '百度'){                                     state.百度Trend = {content:data.content, time:new Date().getTime()};                                     uni.setStorageSync('百度Trend', state.百度Trend);                             }                     }             },             getHotData(state){                     for (let name of cacheNameList) {                             let data = uni.getStorageSync(name);                             if (data) {                                     let time = data.time;                                     time = time || 0;                                     let current = new Date().getTime();                                     if(current - time < cacheTime) return;                                     state[name] = data;                             }                     }             },     }, }) export default store 复造代码 界里 咱们主要是弄功用，先把工具显现进去就好了，没有弄庞大。 除图片中，皆是 uni-ui 的组件，简朴可是下效，仿佛出甚么佳道的。间接上图吧 实在尔自己瞅起去是很舒适的，因为好赖也是教过立体设想战网页设想的人。可是为了服从战退度，必需忍住   公布 成果出料到最花时间的是那一步。尔觉得小我私家小法式不过不准公布自己减工的疑息罢了，出料到这类大众交心供给的疑息也无法审过。 往返合腾了2次，加之要等考核，时间间接从1月1日分开了1月2日。最初武断抛却小我私家小法式那条路，间接换公司从前烧毁的小法式号去考核尝尝吧。 思考 实在一开端并无料到那个工具会有甚么年夜用。可是正在将近干完的时候，突然发明那没有即是以前教经营课的时候常道要参照的互联网热门吗？   假设果然有效便太佳了。小我私家是出格喜好干合用的工具。 期望小法式能早面审过，到时候各人帮手测一测，也瞅瞅借能够如何扩大用处。尔也会抽暇持续完美。 [2023年01月02日本初公布于原作家专客] 面打“浏览本文”可规复文章内乱统统链交哦！ 浏览本文：https://www.gsgundam.com/2023/01/2023-01-02-z00-hot-search-keyword-of-trending-wechat-miniprogram/

回复 使用道具 举报 提升卡 置顶卡 沉默卡 喧嚣卡 变色卡 千斤顶 照妖镜