Next.js 14集成next-auth(v5)和redux-toolkit最佳实践

4 月 3 日
阅读 13 分钟
80
自从next.js14发布之后,app router变成了官网主推的架构区别于pages router的传统架构,app router更适合最新的react,于是自己动手把next-auth、redux-toolkit、ant-design、tailwindcss也一同集成进来,分享给大家,如果有错误之处欢迎大家指正。

Vue-自动化部署Webpack打包后的文件到腾讯COS

1 月 3 日
阅读 7 分钟
605
前言最近发现前端框架页面加载非常的慢,为了解决这个问题,项目组决定将webpacke打包后的文件部署到腾讯COS上面,这样可以提高加载速度。准备我们的前端框架使用的是vue.js2.0 + vue-cli大家可以根据自己的环境进行调整,下面是具体的操作。操作1、添加依赖包 {代码...} 2、配置vue.config.js {代码...} 3、配置vue-rou...

Java-集成Sentinel实现限流

2023-12-29
阅读 6 分钟
344
最近发现有人恶意暴力注册我的网站Seaurl,导致我的网站发送邮件近万条数据,为了防止该事件,我决定在网站上面添加限流以及IP黑名单功能,本篇文章主要讲如何限流,后面再写一篇如何设置IP黑名单。

Seaurl-分享一个云上网址收藏网站

2023-11-20
阅读 2 分钟
627
"网址空间"是一个专业的在线平台,它允许用户分享他们在日常生活和工作中频繁访问的网站链接。此外,该平台还提供了社交功能,使用户能够查看并探索他们的朋友们所添加的网站链接,从而增强信息共享和网络资源的发现。

ChatGPT-Next.js+SpringBoot集成通义千问

2023-11-10
阅读 13 分钟
1k
1、通义千问SDK集成当然你也可以使用HTTP的方式,也就是链接直接请求接口,这个是通义千问的API文档,还有就是实现多轮会话效果,聊天并不是回答完下次再问就不知道上次你问或者生成的结果了。

Java-使用ELK搭建日志管理系统

2023-09-27
阅读 7 分钟
1.1k
最近项目需要记录系统的日志,发现springcloud集成elk(elasticsearch+logstash+kibna)是个不错的方案,于是着手开始搭建环境并记录过程分享给大家。

helm3-安装Logstash

2023-09-27
阅读 33 分钟
589
前言本文介绍如何在k8s集群中使用helm来创建logstash,供大家参考学习。准备阿里云K8S集群安装helm安装我们首先添加一下helm库,并且搜索到logstash {代码...} 我们安装的Chart版本:5.4.1 ,App版本:8.7.1,接着我们把源码pull下来,如下: {代码...} 解压一下下载后的logstash-5.4.1.tgz文件,如下所示 :之后我们打...

企业微信-自建H5应用授权登录获取用户信息

2023-09-19
阅读 5 分钟
959
前言最近公司需要企业微信的开发,类型是自建的H5应用,本文就是介绍如何授权获取微信用户的基本信息的过程,如用户名、用户头像。后台操作官方开发指南,下面是流程图:按照流程图开发即可,下面是具体的步骤:1、构造网页授权链接2、获取访问用户身份3、获取访问用户敏感信息前端操作后台接口需要获取AccessToken,我...

Next.js-解决axios获取真实ip问题

2023-08-31
阅读 3 分钟
650
上篇文章中我使用了ip2region获取到了ip归属地,但是我发现我的框架next.js通过k8s发布到生产环境之后发现获取的ip是pod的ip而不是真实的外网ip,下面就来谈谈如何解决!

Java-获取IP归属地

2023-08-31
阅读 4 分钟
950
获取ip归属地有第三方的也有Java版本的实现,大家可以根据自己实际情况来实现。1、第三方API查询实现(第三方实现前提是要知道具体的IP)。2、Java实现(本文就是使用Java来实现的)。

Vue-前端打包优化

2023-08-16
阅读 11 分钟
1.3k
在优化之前我们先提出两个优化思路,如下所示:1、使用CDN引入包文件2、使用npm引入的第三方包文件进行拆包3、将项目文件的公共部分进行拆包,如src/components和src/views文件夹

Java-实现ElasticSearch 自动补全功能

2023-08-08
阅读 8 分钟
967
前言最近在学习elasticsearch,想实现跟谷歌和百度类似的功能:下拉补全提示,如图所示:准备我使用的版本和依赖包,如下所示: {代码...} devtools操作首先,我们必须先创建index并设置成想要设置成下拉补全提示的字段为completion类型,如下所示: {代码...} 这样我们创建了index_urls,并且设置好了suggest字段是comp...

Java-实现ElasticSearch 增删改功能

2023-08-08
阅读 3 分钟
424
最近在学习elasticsearch,所以从最简单的增删改功能开始,下面是我的版本依赖,我使用的是java17、elasticsearch-java8.7和spring-boot3.0

Java-实现ElasticSearch from+size分页高亮查询

2023-07-31
阅读 10 分钟
628
前言最近在学习使用elasticsearch查询并分页,并了解了以下三种分页方式:from + size:优点:支持随机翻页缺点:深度分页问题,默认查询上限(from + size)是10000。场景:百度、京东、谷歌、淘宝这样的随机翻页搜索。after search:优点:没有查询上限(单次查询的size不超过10000)缺点:只能向后逐页查询,不支持随...

Java-微服务升级

2023-06-22
阅读 15 分钟
1.7k
之前我的微服务版本是java8、spring-boot2.4.2、spring-cloud2020.0.0、spring-cloud-alibaba2021.1,但是最近随着spring-boot3.0版本的发布,再加上官方已经说明最低版本支持java17,所以就有了这篇文章。

uniapp-解决uview1.0 u-upload组件使用before-upload属性限制图片比例问题

2023-06-19
阅读 4 分钟
2.4k
因项目上使用了uniapp,并且使用uview1.0作为ui框架,但是使用过程中发现u-upload组件的before-upload属性有bug,特地记录下来分享给大家,希望能够帮助到大家。

helm3-安装nacos

2023-06-18
阅读 6 分钟
1.7k
我设置的nacos是mode: standalone单例模式,并且使用了mysql存储配置文件,并且不使用ingress,而是使用service.type: NodePort通过ip:port的形式暴露出来。

Java-spring cloud stream集成kafka和rabbitmq收发消息示例

2023-06-07
阅读 11 分钟
1.9k
最近使用helm3安装好了kafka和rabbitmq,并且想集成到spring中,发现集成不是那么简单的,虽然有官方实例,但是实例上面缺少必要的代码所以通过自己摸索一步步完成,分享给大家。

Helm3-安装Kakfa

2023-05-23
阅读 75 分钟
1.8k
前言本文介绍如何在k8s集群中使用helm来创建kafka,供大家参考学习。准备阿里云K8S集群安装helm安装Kafka我们首先添加一下helm库,并且搜索到kafka {代码...} 我们安装的Chart版本:22.1.3,App版本:3.4.0,接着我们把源码pull下来,如下: {代码...} 解压一下下载后的kafka-22.1.3.tgz文件,如下所示 :之后我们打开va...

Next.js-Cookie鉴权+续期+退出登录

2023-05-08
阅读 11 分钟
2.4k
设置合理的 cookie 有效期:合理的 cookie 有效期应该根据网站的特点来确定,通常建议将其设置为一定时间内(如 30 分钟)。定时刷新 cookie 的有效期:可以通过服务器端的 HTTP 拦截器来监测每个请求的 cookie 是否即将过期,当发现其即将过期时,立即重新设置一个新的 cookie,并在响应头中返回给客户端。前端优化提示...

React-列表组件(通知列表、私信列表、虚拟列表)

2023-05-03
阅读 9 分钟
3k
最近在做社交网站开发,过程中需要用到三种组件:通知列表组件、聊天列表组件和虚拟列表组件。这三种组件都是社交网站必备的,现在把我在开发中遇到的问题以及代码全部分享给大家,希望对大家有所帮助。

Next.js-水合作用

2023-04-19
阅读 7 分钟
2k
水合是我们在next.js项目中引入next-redux-wrapper插件之后给出的一个新概念,它是连接和统一客户端和服务端数据的一个重要纽带。

K8S-配置多集群访问

2023-04-01
阅读 3 分钟
1.6k
最近买了台新电脑,之前的电脑上面k8s多集群访问配置方式现在忘了当时是怎么配置了,于是自己再次摸索配置成功,记录下来分享给大家。注意:本人电脑是Mac,接下来的操作默认是在Mac上面的zshell上面执行。

Next.js-页面重复渲染引出的水合问题

2023-03-02
阅读 4 分钟
2.5k
我从2020年开始一直使用next.js做为我的前端SSR框架,使用@reduxjs/toolkit做为全局状态管理器,使用next-redux-wrapper协助next.js连接和合并redux中store数据并且保持不变,否则会导致数据重复渲染性能问题,但是最近发现一个很奇怪的问题:就是router.push路由跳转的时候导致当前页面重复渲染问题!

Mac-安装应用端开发环境

2023-02-22
阅读 8 分钟
1.2k
前言跟前端篇一样,现在记录一下后台应用端开发环境的搭建,针对的是java环境,现在分享给大家。操作1、下载和安装Java下载地址JDK19和17JDK8和11下载dmg安装即可,接着查询安装java的位置 {代码...} 找到java安装位置 之后,现在我们来编辑.bash_profile文件,添加java环境 {代码...} 保存完之后,别忘了source ~/.bash_...

Mac-安装前端开发环境

2023-02-22
阅读 1 分钟
2.9k
引言最近新买了台macbook pro电脑,于是马上搭建起自己的前端开发环境,写这篇文章的目的是记录过程分享给大家。操作1、安装nodejs到官网上面下载安装即可查看node和npm版本 {代码...} 2、配置阿里镜像安装好之后,我们配置一下加速镜像地址 {代码...} 3、安装nn可以安装和切换不同版本的nodejs安装: {代码...} 查看当...

React-制作全局Tooltip文字提示组件

2023-01-10
阅读 3 分钟
6.2k
最近项目中使用antd的tooltip组件的时候发现它有点不稳定,经常会出现漂浮到左上角的情况,让人困惑之余还不知道如何解决,再加上它是在每个dom上面添加的tooltip这样数据量一大的话就会产生冗余的dom元素,于是想起react-tooltip组件,它可以在全局设置tooltip,并且只要在想要提示的dom上面添加data-tip='xxxx'即可,...

Java-微服务之认证服务

2022-12-22
阅读 8 分钟
2.6k
之前通过阅读《Spring微服务实战》写过关于spring-cloud+spring-security+oauth2的认证服务和资源服务文章,以及写过关于spring-gateway做token校验的文章,但是在实战过程中还是发现一些问题,于是通过跟朋友沟通收获了不了新知识,之前的框架设计有问题,想通过这篇文章重新梳理下校验和认证流程。

阿里云-ACK从1.22升级到1.24问题汇总

2022-11-30
阅读 2 分钟
1.7k
我的阿里云ACK 也就是k8s之前是2021年创建的,当时的版本是1.18,中间也升级过一次到1.22,但是最近k8s的1.24版本发布之后从docker runtime变到了containerd,所以打算再升级一下,之前的镜像制作和镜像发布包括编写dockerfile等等操作不变。

百度地图-制作静态图片包含:标签、折线图和标记

2022-11-15
阅读 3 分钟
1.6k
最近公司需要制作地图截图功能,一开始准备使用html2canvas但是发现生成的图片中地图是空白也不知道咋回事,然后发现百度地图有现成的生成静态图片的办法,而且可以生成折线图、标记、标签等还能控制中心点,试了一下挺好的,分享给大家。