本博客不欢迎:各种镜像采集行为,请尊重知识产权法律法规。大家都是程序员,不要闹得不开心。

githuboauth登陆系列源码已经发布在github上面了,源码是基于typecho的,如果您的博客是基于其他开源博客代码的,理论上需要您做对应修改。

苏南大叔:github的oauth登陆,如何进行调试? - github-oauth
github的oauth登陆,如何进行调试?(图8-1)

大家喜欢的可以到这里获取:

在本文中,苏南大叔就给大家说一下,这个代码调试的时候,可能遇到的问题。

一,插件的基本调用

调用的方式是:

<?php $this->user->SNAuthGithubIcon(); ?>

苏南大叔:github的oauth登陆,如何进行调试? - debug_1
github的oauth登陆,如何进行调试?(图8-2)

展示的效果是这样的:

苏南大叔:github的oauth登陆,如何进行调试? - debug_2
github的oauth登陆,如何进行调试?(图8-3)

实际的生成的代码是这样的:

苏南大叔:github的oauth登陆,如何进行调试? - debug_3
github的oauth登陆,如何进行调试?(图8-4)

也就是说除了按钮的html外,还有对应的jscss被加载了。所以,如果您对css或者js不满意的话,就可以修改这2个文件的代码。

二:取消github对应用的授权

调试的时候,您可能希望多次复现授权的过程,所以,您可以修改github的这个地方:

苏南大叔:github的oauth登陆,如何进行调试? - remove_oauth
github的oauth登陆,如何进行调试?(图8-5)

苏南大叔:github的oauth登陆,如何进行调试? - remove_oauth_2
github的oauth登陆,如何进行调试?(图8-6)

苏南大叔:github的oauth登陆,如何进行调试? - remove_oauth_3
github的oauth登陆,如何进行调试?(图8-7)

然后您就可以多次复现下的类似界面了。

苏南大叔:github的oauth登陆,如何进行调试? - oauth_login_2
github的oauth登陆,如何进行调试?(图8-8)

总结

更多oauth相关文章,请点击苏南大叔的oauth系列文章。

如果本文对您有帮助,或者节约了您的时间,欢迎打赏瓶饮料,建立下友谊关系。
本博客不欢迎:各种镜像采集行为。请尊重原创文章内容,转载请保留作者链接。