百度360必应搜狗淘宝本站头条
tomcat 乱码无法与服务器建立安全连接是什么意思sysv-rc-confdocker映射容器目录到宿主机internet explorer 增强的安全配置已启用
当前位置：网站首页 > 技术文章 > 正文

SpringSecurity-9-实现通过手机短信进行认证功能

nanshan 2024-10-21 06:13 12 浏览 0 评论

SpringSecurity-9-实现通过手机短信进行认证功能

手机短信流程分析

手机号登录的时候是不需要密码登录的，而是通过短信验证码实现免密登录。具体步骤如下 ：

  1. 向手机发送验证码，第三方短信发送平台，如阿里云短信
  2. 手机获取验证码后，在表单中输入验证码
  3. 使用自定义过滤器SmsCodeValidateFilter
  4. 短信校验通过后，使用自定义手机认证过滤器SmsCodeAuthenticationFilter校验手机号码是否存在
  5. 自定义SmsCodeAuthenticationToken提供给SmsCodeAuthenticationFilter
  6. 自定义SmsCodeAuthenticationProvider提供给AuthenticationManager
  7. 创建针对手机号查询用户信息的SmsCodeUserDetailsService，提交给SmsCodeAuthenticationProvider
  8. 自定义SmsCodeSecurityConfig配置类将上面组件连接起来
  9. 将SmsCodeSecurityConfig添加到LearnSrpingSecurity安全配置的过滤器链上

创建短信发送接口

  • 定义发生短信的服务接口com.security.learn.sms.SmsCodeSend

代码如下：

public interface SmsCodeSend {
    boolean sendSmsCode(String mobile, String code);
}
  • 实现短信发生服务接口com.security.learn.sms.impl.SmsCodeSendImpl代码如下
@Slf4j
public class SmsCodeSendImpl implements SmsCodeSend {
    @Override
    public boolean sendSmsCode(String mobile, String code) {
        String sendCode = String.format("你好你的验证码%s，请勿泄露他人。", code);
        log.info("向手机号" + mobile + "发送的短信为:" + sendCode);
        return true;
    }
}

注：因为这里是示例所以就没有真正的使用第三方发送短信平台。

  • 将smsCodeSend注入到容器实现如下
@Configuration
public class Myconfig {
    @Bean
    public PasswordEncoder passwordEncoder(){
        return  new BCryptPasswordEncoder();
    }
    @Bean
    @ConditionalOnMissingBean(SmsCodeSend.class)
    public SmsCodeSend smsCodeSend(){
        return  new SmsCodeSendImpl();
    }
}

手机登录页与发送短信验证码

  • 创建SmsController实现短信发送验证码的API,代码如下：
@Controller
public class SmsController {
    public static final String SESSION_KEY = "SESSION_KEY_MOBILE_CODE";
    @RequestMapping("/mobile/page")
    public String toMobilePage(){
        return "login-mobile";
    }
    @Autowired
    private SmsCodeSend smsCodeSend;
    /**
     *生成手机验证码并发送
     * @param request
     * @return
     */
    @RequestMapping("/code/mobile")
    @ResponseBody
    public String smsCode(HttpServletRequest request){
        // 1. 生成一个手机验证码
        String code = RandomStringUtils.randomNumeric(4);
        request.getSession().setAttribute(SESSION_KEY, code);
        String mobile = request.getParameter("mobile");
        smsCodeSend.sendSmsCode(mobile, code);
        return "200";
    }
}
  • 在src\main\resources\templates文件夹下添加login-mobile.html静态页面，具体实现如下
<!--suppress ALL-->
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>springboot葵花宝典手机登录</title>
    <!-- Tell the browser to be responsive to screen width -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body >
<div >
    <a href="#">springboot葵花宝典手机登录</a>  <br>
    <a th:href="@{/login/page}" href="login.html" >
        <span>使用密码验证登录</span>
    </a> <br>
    <form th:action="@{/mobile/form}" action="index.html" method="post">
        <span>手机号码</span> <input id="mobile" name="mobile" type="text" class="form-control" placeholder="手机号码"><br>
        <span>验证码</span> <input type="text" name="smsCode" class="form-control" placeholder="验证码">  <a id="sendCode" th:attr="code_url=@{/code/mobile?mobile=}" href="#"> 获取验证码 </a><br>
        <!-- 提示信息, 表达式红线没关系，忽略它 -->
        <div th:if="${param.error}">
            <span th:text="${session.SPRING_SECURITY_LAST_EXCEPTION?.message}" style="color:#ff0000"></span>
        </div>
        <span>记住我</span><input type="checkbox" name="remember-me-test" >  <br>
        <button type="submit" class="btn btn-primary btn-block">登录</button>
    </form>
</div>
<script th:src="@{/plugins/jquery/jquery.min.js}" src="plugins/jquery/jquery.min.js"></script>
<script>
    // 发送验证码
    $("#sendCode").click(function () {
        var mobile = $('#mobile').val().trim();
        if(mobile == '') {
            alert("手机号不能为空");
            return;
        }
        var url = $(this).attr("code_url") + mobile;
        $.get(url, function(data){
            alert(data === "200" ? "发送成功": "发送失败");
        });
    });
</script>
</body>
</html>
  • 在LearnSrpingSecurity的configure(HttpSecurity http)方法中添加手机免密登录允许的url
  .and().authorizeRequests()
                .antMatchers("/login/page","/code/image","/mobile/page","/code/mobile").permitAll()

短信验证码校验过滤器 SmsCodeValidateFilter

短信验证码的校验过滤器，实际上和图片验证过滤器原理一致。都都是继承OncePerRequestFilter实现一个Spring环境下的过滤器。@Component注解不可少其核心校验规则如下:

  • 登录时候手机号码不可为空
  • 登录时手机输入码不可为空
  • 登录时输入的短信验证码必须和“谜底”中的验证码一致
@Component
public class SmsCodeValidateFilter extends OncePerRequestFilter {
    @Autowired
    MyAuthenticationFailureHandler failureHandler;
    @Override
    protected void doFilterInternal(HttpServletRequest request, HttpServletResponse response, FilterChain filterChain) throws ServletException, IOException {
        if (request.getRequestURI().equals("/mobile/form")
                && request.getMethod().equalsIgnoreCase("post")) {
            try {
                validate(request);
            }catch (AuthenticationException e){
                failureHandler.onAuthenticationFailure(
                        request,response,e);
                return;
            }
        }
        filterChain.doFilter(request,response);
    }
    private void validate(HttpServletRequest request)  {
        //获取session中的手机验证码
        HttpSession session = request.getSession();
        String sessionCode = (String)request.getSession().getAttribute(SmsController.SESSION_KEY);
        // 获取用户输入的验证码
        String inpuCode = request.getParameter("smsCode");
        //手机号
        String mobileInRequest = request.getParameter("mobile");
        if(StringUtils.isEmpty(mobileInRequest)){
            throw new ValidateCodeException("手机号码不能为空！");
        }
        if(StringUtils.isEmpty(inpuCode)){
            throw new ValidateCodeException("短信验证码不能为空！");
        }
        if(StrUtil.isBlank(sessionCode)){
            throw new ValidateCodeException("短信验证码不存在！");
        }
        if(!sessionCode.equalsIgnoreCase(inpuCode)){
            throw new ValidateCodeException("输入的短信验证码错误！");
        }
        session.removeAttribute(SmsController.SESSION_KEY);
    }
}

实现手机认证SmsCodeAuthenticationFilter过滤器

创建com.security.learn.filter.SmsCodeAuthenticationFilter，仿照UsernamePassword AuthenticationFilter进行代码实现,不过将用户名、密码换成手机号进行认证，短信验证码在此部分已经没有用了，因为我们在SmsCodeValidateFilter已经验证过了。

public class SmsCodeAuthenticationFilter extends AbstractAuthenticationProcessingFilter {
    public static final String SPRING_SECURITY_FORM_MOBILE_KEY = "mobile";
    private String mobileParameter = SPRING_SECURITY_FORM_MOBILE_KEY ;    //请求中携带手机号的参数名称
    private boolean postOnly = true;    //指定当前过滤器是否只处理POST请求
    public SmsCodeAuthenticationFilter() {
        //指定当前过滤器处理的请求
        super(new AntPathRequestMatcher("//mobile/form", "POST"));
    }
    public Authentication attemptAuthentication(
            HttpServletRequest request,
            HttpServletResponse response)
            throws AuthenticationException {
        if (this.postOnly && !request.getMethod().equals("POST")) {
            throw new AuthenticationServiceException("Authentication method not supported: " + request.getMethod());
        }
        //从请求中获取手机号码
        String mobile = this.obtainMobile(request);
        if (mobile == null) {
            mobile = "";
        }
        mobile = mobile.trim();
        SmsCodeAuthenticationToken authRequest = new SmsCodeAuthenticationToken(mobile);
        this.setDetails(request, authRequest);
        return this.getAuthenticationManager().authenticate(authRequest);
    }
    /**
     * 从从请求中获取手机号码
     * @param request
     * @return
     */
    protected String obtainMobile(HttpServletRequest request) {
        return request.getParameter(this.mobileParameter);
    }
    /**
     * 将请求中的Sessionid和host主句ip放到SmsCodeAuthenticationToken中
     * @param request
     * @param authRequest
     */
    protected void setDetails(HttpServletRequest request, SmsCodeAuthenticationToken authRequest) {
        authRequest.setDetails(this.authenticationDetailsSource.buildDetails(request));
    }
    public void setMobileParameter(String mobileParameter) {
        Assert.hasText(mobileParameter, "Username parameter must not be empty or null");
        this.mobileParameter = mobileParameter;
    }
    public void setPostOnly(boolean postOnly) {
        this.postOnly = postOnly;
    }
    public final String getMobileParameter() {
        return this.mobileParameter;
    }
}

封装手机认证Token SmsCodeAuthenticationToken

创建com.security.learn.filter.SmsCodeAuthenticationToken，仿照UsernamePasswordAuthenticationToken进行代码实现

public class SmsCodeAuthenticationToken  extends AbstractAuthenticationToken {
    private static final long serialVersionUID = SpringSecurityCoreVersion.SERIAL_VERSION_UID;
    //存放认证信息，认证之前存放手机号，认证之后存放登录的用户
    private final Object principal;
    /**
     * 开始认证时,SmsCodeAuthenticationToken 接收的是手机号码, 并且 标识未认证
     * @param mobile
     */
    public SmsCodeAuthenticationToken(String mobile) {
        super(null);
        this.principal = mobile;
        this.setAuthenticated(false);
    }
    /**
     *  当认证通过后,会重新创建一个新的SmsCodeAuthenticationToken,来标识它已经认证通过,
     * @param principal 用户信息
     * @param authorities 用户权限
     */
    public SmsCodeAuthenticationToken(Object principal, Collection<? extends GrantedAuthority> authorities) {
        super(authorities);
        this.principal = principal;
        super.setAuthenticated(true);//表示认证通过
    }
    /**
     * 在父类中是一个抽象方法,所以要实现, 但是它是密码,而当前不需要,则直接返回null
     * @return
     */
    public Object getCredentials() {
        return null;
    }
    /**
     * 手机号获取
     * @return
     */
    public Object getPrincipal() {
        return this.principal;
    }
    public void setAuthenticated(boolean isAuthenticated) throws IllegalArgumentException {
        if (isAuthenticated) {
            throw new IllegalArgumentException("Cannot set this token to trusted - use constructor which takes a GrantedAuthority list instead");
        }
        super.setAuthenticated(false);
    }
    public void eraseCredentials() {
        super.eraseCredentials();
    }
}

手机认证提供者 SmsCodeAuthenticationProvider

创建com.security.learn.filter.SmsCodeAuthenticationProvider，提供给底层的ProviderManager代码实现如下

public class SmsCodeAuthenticationProvider implements AuthenticationProvider {
    @Autowired
    @Qualifier("smsCodeUserDetailsService")
    private UserDetailsService userDetailsService;
    public UserDetailsService getUserDetailsService() {
        return userDetailsService;
    }
    public void setUserDetailsService(UserDetailsService userDetailsService) {
        this.userDetailsService = userDetailsService;
    }
    /**
     * 处理认证:
     * 1. 通过 手机号 去数据库查询用户信息(UserDeatilsService)
     * 2. 再重新构建认证信息
     * @param authentication
     * @return
     * @throws AuthenticationException
     */
    @Override
    public Authentication authenticate(Authentication authentication) throws AuthenticationException {
        //利用UserDetailsService获取用户信息，拿到用户信息后重新组装一个已认证的Authentication
        SmsCodeAuthenticationToken authenticationToken = (SmsCodeAuthenticationToken)authentication;
        UserDetails user = userDetailsService.loadUserByUsername((String) authenticationToken.getPrincipal());  //根据手机号码拿到用户信息
        if(user == null){
            throw new AuthenticationServiceException("无法获取用户信息");
        }
        SmsCodeAuthenticationToken authenticationResult = new SmsCodeAuthenticationToken(user,user.getAuthorities());
        authenticationResult.setDetails(authenticationToken.getDetails());
        return authenticationResult;
    }
    /**
     * AuthenticationManager挑选一个AuthenticationProvider
     * 来处理传入进来的Token就是根据supports方法来判断的
     * @param aClass
     * @return
     */
    @Override
    public boolean supports(Class<?> aClass) {
        return SmsCodeAuthenticationToken.class.isAssignableFrom(aClass);
    }
}

手机号获取用户信息 SmsCodeUserDetailsService

创建com.security.learn.impl.SmsCodeUserDetailsService类，不要注入PasswordEncoder

@Slf4j
@Component("smsCodeUserDetailsService")
public class SmsCodeUserDetailsService implements UserDetailsService {
    @Override
    public UserDetails loadUserByUsername(String mobile) throws UsernameNotFoundException {
        log.info("请求的手机号是：" + mobile);
        return new User(mobile, "", true, true, true, true, AuthorityUtils.commaSeparatedStringToAuthorityList("ADMIN"));
    }
}

因为测试就没有去数据库中获取手机号

自定义管理认证配置 SmsCodeSecurityConfig

最后我们将以上实现进行组装，并将以上接口实现以配置的方式告知Spring Security。因为配置代码比较多，所以我们单独抽取一个关于短信验证码的配置类SmsCodeSecurityConfig，继承自SecurityConfigurerAdapter。将上面定义的组件绑定起来，添加到容器中：

注意添加@Component注解

@Component
public class SmsCodeSecurityConfig extends SecurityConfigurerAdapter<DefaultSecurityFilterChain, HttpSecurity> {
    
    @Autowired
    @Qualifier("smsCodeUserDetailsService")
    private SmsCodeUserDetailsService smsCodeUserDetailsService;
    @Resource
    private SmsCodeValidateFilter  smsCodeValidateFilter;
    @Override
    public void configure(HttpSecurity http) throws Exception {
        //创建手机校验过滤器实例
        SmsCodeAuthenticationFilter smsCodeAuthenticationFilter = new SmsCodeAuthenticationFilter();
        //接收 AuthenticationManager 认证管理器
        smsCodeAuthenticationFilter.setAuthenticationManager(http.getSharedObject(AuthenticationManager.class));
        //处理成功handler
        //smsCodeAuthenticationFilter.setAuthenticationSuccessHandler(myAuthenticationSuccessHandler);
        //处理失败handler
        //smsCodeAuthenticationFilter.setAuthenticationFailureHandler(myAuthenticationFailureHandler);
        smsCodeAuthenticationFilter.setRememberMeServices(http.getSharedObject(RememberMeServices.class));
        // 获取验证码提供者
        SmsCodeAuthenticationProvider smsCodeAuthenticationProvider = new SmsCodeAuthenticationProvider();
        smsCodeAuthenticationProvider.setUserDetailsService(smsCodeUserDetailsService);
        //在用户密码过滤器前面加入短信验证码校验过滤器
        http.addFilterBefore(smsCodeValidateFilter, UsernamePasswordAuthenticationFilter.class);
        //在用户密码过滤器后面加入短信验证码认证授权过滤器
        http.authenticationProvider(smsCodeAuthenticationProvider)
                .addFilterAfter(smsCodeAuthenticationFilter, UsernamePasswordAuthenticationFilter.class);
    }
}

绑定到安全配置 LearnSrpingSecurity

  1. . 向 LearnSrpingSecurity中注入 SmsCodeValidateFilter和 SmsCodeSecurityConfig实例
  2. 将 SmsCodeValidateFilter实例添加到 UsernamePasswordAuthenticationFilter 前面
  http.csrf().disable() //禁用跨站csrf攻击防御，后面的章节会专门讲解
                //.addFilterBefore(codeValidateFilter, UsernamePasswordAuthenticationFilter.class)
                .addFilterBefore(smsCodeValidateFilter, UsernamePasswordAuthenticationFilter.class)
  1. 在 LearnSrpingSecurity#confifigure(HttpSecurity http) 方法体最后调用 apply 添加 SmsCodeSecurityConfig
                .and()
                .apply(smsCodeSecurityConfig)

具体实现如图

实现手机登录RememberMe功能

实现分析

  1. 在UsernamePasswordAuthenticationFilter过滤器中有一个RememberMeServices引用，它的父类AbstractAuthenticationProcessingFilter，提供提供的 setRememberMeServices方法。
  2. 而在实现手机短信验证码登录时，我们自定了一个 MobileAuthenticationFilter 也一样的继承了AbstractAuthenticationProcessingFilter 它，我们只要向其 setRememberMeServices 方法手动注入一 个 RememberMeServices 实例即可。

代码实现

  1. 在com.security.learn.config.SmsCodeSecurityConfig中向SmsCodeAuthenticationFilter中注入RememberMeServices实例
 smsCodeAuthenticationFilter.setRememberMeServices(http.getSharedObject(RememberMeServices.class));
  • 检查 记住我 的 input 标签的 name="remember-me-test"
<span>记住我</span><input type="checkbox" name="remember-me-test" >  <br>
  • rememberMeParameter设置from表单“自动登录”勾选框的参数名称。如果这里改了，from表单中checkbox的name属性要对应的更改。如果不设置默认是remember-me。
  • rememberMeCookieName设置了保存在浏览器端的cookie的名称，如果不设置默认也是remember-me。如下图中查看浏览器的cookie。

测试

重启项目，访问 http://localhost:8888/mobile/page输入手机号与验证码, 勾选 记住我 , 点击登录

查看数据库中中 persistent_logins 表的记录

关闭浏览器, 再重新打开浏览器访问http://localhost:8888 , 发现会跳转回用户名密码登录页,而正常应该勾选了 记住我 , 这一步应该是可以正常访问的.

错误原因

数据库中 username 为 手机号 1333383XXXX, 当你访问http://localhost:8888默认RememberMeServices 是调

用 CustomUserDetailsService 通过用户名查询, 而 当前在 CustomUserDetailsService 判断了用户名为 admin才通

过认证, 而此时传入的用户名是 1333383XXXX, 所以查询不到 1333383XXXX用户数据

错误解决方式

数据库中的 persistent_logins 表为什么存储的是手机号?原因是当前在 SmsCodeUserDetailsService中返回的 User 对象中的 username 属性设置的是手机号 mobile,而应该设置这个手机号所对应的那个用户名. 比如当前username 的值

@Slf4j
@Component("smsCodeUserDetailsService")
public class SmsCodeUserDetailsService implements UserDetailsService {
    @Override
    public UserDetails loadUserByUsername(String mobile) throws UsernameNotFoundException {
        log.info("请求的手机号是：" + mobile);
        return new User("admin", "", true, true, true, true, AuthorityUtils.commaSeparatedStringToAuthorityList("ADMIN"));
    }
}

注：我们这里实际上是写为固定admin了实际上需要通过数据库根据手机号获取用户信息。

关闭浏览再打开访问http://localhost:8888就无需手动登录认证了。因为默认采用的 CustomUserDetailsService 查询可查询到用户名为 admin 的信息，即认证通过

如果您觉得本文不错，欢迎关注,点赞,收藏支持，您的关注是我坚持的动力！

原创不易，转载请注明出处，感谢支持！如果本文对您有用，欢迎转发分享！

相关推荐

教你一个解决手机卡顿的方法（10秒解决手机卡顿问题）

我们的手机天天刷头条，看视频，用了一阶段时间以后，就时不时的发生卡顿现象。昨天我的手机就发现了这个问题。友友们，你们遇到过这样的问题吗？你们都是怎样解决的？我看了一眼我的粉丝情况，头条君给我分析的很精...

手机视频缓存清理，3步彻底清空，告别卡顿

在我们使用手机观看视频的过程中，经常会产生大量的缓存垃圾，这些垃圾文件不仅占用了手机的存储空间，还可能导致手机卡顿和运行缓慢。然而，你知道如何彻底清空手机的视频缓存，让手机恢复流畅的使用体验吗？在本文...

关手机这个开关，轻松提升流畅度!

关闭手机这个开关，跟新买的一样流畅。手机不要再清理垃圾了，只要关闭这个开关，手机就会和新买的差不多，丝滑流畅不卡顿。其实抖音里就隐藏着一个小开关，每天刷过的视频都会保存在手机里，如果一直不清理，手机就...

如何清理今日头条和西瓜视频的内存，让手机流畅不卡顿?

对于老年人而言，今日头条和西瓜视频能带来丰富的资讯与娱乐。然而，随着使用时间的增加，这些应用会占用大量手机内存，致使手机运行卡顿。那该如何解决呢？接下来，我将用最简单易懂的方式教老年人清理今日头条和西...

视频在线如何转换格式?好用不卡顿的三种转换办法

转换视频格式目前来说已经是很熟练的操作了，但是还有些用户可能还是不知道，小编今天就特意给大家带来一些小众才知道的转换教程，让新手也能快速的上手去转换视频格式，以后获取到视频就不怕内容丢失了，视频的格式...

如何把视频慢放处理?这几个慢放方法记得收藏

如何把视频慢放处理？如果你想让视频慢放，可能是因为你想放慢一些精彩的瞬间，或者你想制作一个慢动作视频。在这篇文章中，我们将介绍一些调速方法，这些方法可以有效地调整视频速度，一起来学习一下吧。方法一：使...

如何清理看过的视频，释放垃圾，让手机更流畅?

现在谁的手机上没几个短视频平台，无聊时就会刷别人的视频。可您知道吗？我们看过的内容都会被自动保存在手机里，而且很耗内存。如果长时间不释放，手机就会出现各种问题，其中最突出的就是反应慢。相信很多老年人的...

手机掉帧是怎么回事?刷视频的时候经常掉帧卡顿

手机掉帧是指在运行应用或视频时，画面出现卡顿、不流畅的现象，通常由硬件性能不足、软件优化不佳、内存占用过高、网络问题或设备过热等因素引起。尤其是在刷视频时，掉帧问题可能更为明显，以下是具体原因及解决方...

拍视频画面卡顿不流畅，原来是相机设置错误 #短视频拍摄

拍摄视频时，应该选择哪种快门速度？许多新手朋友可能会认为，快门速度越高，画面就越清晰，实则不然。因为拍摄视频时，需要考虑一个问题，即动态模糊。例如，如果设置为24帧/秒，那么每秒钟会拍摄24张图片。如...

手机卡顿最大原因#视频太卡怎么变流畅

抖音这几个开关是手机卡顿的最大原因。你是不是也会经常遇到刷视频的时候，打开一个视频之后老半天还在那转着圈圈，总觉得手机没有之前流畅了。这就说明你的手机占用的内存太多了，导致手机卡顿，使用不流畅。使用手...

为啥你家的玩游戏和刷视频经常性的会卡，那是你不懂这些小妙招

本内容来源于@什么值得买APP，观点仅代表作者本人｜作者：暴走的黄小猪说到网速有不少的值友都有一个共同点，那就是“卡”，那是你根本没体验过啥叫真正的网速啊，全屋零四条网络报表也花不了几个钱你们的方法...

电脑看视频卡顿有什么解决方法?（电脑看视频画面卡顿是什么原因）

电脑看视频卡顿的原因可能多种多样，包括硬件性能不足、网络问题、软件设置不当等。以下是一些常见的解决方法，帮助你改善视频播放的流畅度：一、硬件方面1.检查硬件性能：如果电脑配置较低，尤其是CPU、内存或...

手机Wi-Fi满格但视频卡顿，你需要这样解决

累了一天的打工人回家拿出手机准备玩玩游戏，看看电影时，发现网络异常卡顿，但手机又显示Wi-Fi信号满格，当咱们遇到此类问题时，这些动作能让网络恢复正常，方法如下。一、重启路由器和光猫很多家庭在安装好路...

视频越刷越卡?原来是路由器开启了这个功能，关闭方法来了

应该很多小伙伴都有过类似的经历，就是在家里长时间刷视频或者看剧的时候，网速好像会越来越慢，视频总是要加载。手机本身可能是一部分原因，但路由器也会影响，你知道吗？当我们在刷视频的，路由器会悄悄地开启大量...

一招解决视频卡顿的问题，改变发布渠道后，结果香了

最近一段时间拍了很多美景视频，编辑发布到头条后，有时一直显示在缓冲，播放不了，有时打开断断续续的，老是卡顿。导致的后果是：要么展现量很低，要么阅读量寥寥无几，这让我非常苦恼。所以再发布作品时，我只好文...

取消回复欢迎 你 发表评论:

一周热门
最近发表
标签列表