Gradio Auth登录页设置中文

2024-03-14 05:50
文章标签 设置 登录 中文 gradio auth

本文主要是介绍Gradio Auth登录页设置中文,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

最近入坑了gradio, 就是一款python框架,可以通过简单的几行代码,就能够帮我们构建一个简易的页面网站,并且可以在里面做相应的逻辑处理。目前该框架在AI领域相对比较火爆,用于给自己的大模型构建操作页面。

官网地址: Gradio

具体操作这里就暂不做介绍了,毕竟我也是新手。我也刚入坑两天。

今天主要介绍一下,昨晚搞到半夜一点遇到的一个问题。就是想做一个登录页面。

gradio 本身是提供了一个简单的登录页面的,我们只需要有一行代码配置就可以实现。

demo.queue(concurrency_count=3).launch(server_name='0.0.0.0',server_port=8082,show_api=False,share=False,inbrowser=False,auth=("zhangsan", '123456'),)

只需要在launch方法里加入auth=("zhangsan", '123456'), 即可,这样我们使用zhangsan/123456就可以登录了。 这里面也可以传入一个元组,配置多个。

登录页面长这样:

整体来说还不错,但是领导提出了新的要求,要把里面的英文都显示成中文。这可麻烦了,就开始大规模查找资料。

比如在github上有就有提出了,想要在登录页面加一个邮箱的需求:

https://github.com/gradio-app/gradio/issues/5073

得到的答案是这样的:

翻译过来:

就是可以通过FastAPI技术去实现,下面是demo

https://github.com/gradio-app/gradio/issues/2790

大概意思就是自己重新开发一套应用,然后和gradio的挂在到一起。看了一下,我觉得作为python新手的我,应该是搞不定的(毕竟连python语法都没搞明白)。

好了,铺垫的差不多了,我们接下来进入正题。我们修改的方法就是修改源码,重新编译。这里有一个非常重要的点,就是一定要编译和你当前版本一直的源码,否则会导致你的应用样式出现问题。尤其是有自定义css的,对于版本是十分敏感的,因为这个我踩了大坑,差点没出来。

先查下自己的gradio版本。

pip list

找到自己的gradio版本, 我的是3.37.0 。 之前由于没有注意观察这里,直接下载了main分支,导致登录页面是成功了,但是里面的样式全都乱了。最后才发现是版本不一致的问题。然后下载源码:

在tag中找到自己版本对应的代码; https://github.com/gradio-app/gradio/tags

然后下载,解压,使用vscode打开。 主要修改的文件为: js/app/src/Login.svelte

这里展示的修改后的效果,源码都是英文的。 这里其实就相当于是写死了。 其实也可以配置成变量。然后在同级目录的lang下面的i18n配置文件中给对应的变量赋值,这样就可以自动实现国际化了。

在新版本里,有几个值使用了变量的,比如提示语,但是像用户名密码都是写死的。

新版本中变量的写法,如果改成变量,一定记得在json中配置对应的值。其他语言也都加一下。

这样打开页面的时候gradio会根据浏览器当前的语言去解析对应的json文件,实现国际化。

好了,源码改好了,接下来就是重新编译了,这个步骤,就要参照CONTRIBUTING.md

在源码的根目录下有。编译之前要准备好相应环境。

然后按照上面的步骤,一个一个执行脚本。 后面有几个是测试的执行的时候可能会有报错,但完全不影响。执行完毕后,他不会生成对应的安装包,但是会把本地安装好的gradio做替换。我们重新打开我们的登录页面,就发现已经发生了变化。

搞定收工。

这种方式只不过也有一些缺陷,就是如果要在多台机器上进行部署,可能需要多次重复上述步骤。这个由于对python部署,不知道能不能把本地的以来打成一个包,直接拿到其他位置安装,有知道的也可以告知一下。

好了以上就是整个内容,整理不易,希望帮到有相同需求的人。一定要注意版本一定要保持一致哦!!

这篇关于Gradio Auth登录页设置中文的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/807396

相关文章

如何Python使用设置word的页边距

《如何Python使用设置word的页边距》在编写或处理Word文档的过程中,页边距是一个不可忽视的排版要素,本文将介绍如何使用Python设置Word文档中各个节的页边距,需要的可以参考下... 目录操作步骤代码示例页边距单位说明应用场景与高级用China编程途小结在编写或处理Word文档的过程中,页边距是一个

SpringBoot后端实现小程序微信登录功能实现

《SpringBoot后端实现小程序微信登录功能实现》微信小程序登录是开发者通过微信提供的身份验证机制,获取用户唯一标识(openid)和会话密钥(session_key)的过程,这篇文章给大家介绍S... 目录SpringBoot实现微信小程序登录简介SpringBoot后端实现微信登录SpringBoo

CentOS和Ubuntu系统使用shell脚本创建用户和设置密码

《CentOS和Ubuntu系统使用shell脚本创建用户和设置密码》在Linux系统中,你可以使用useradd命令来创建新用户,使用echo和chpasswd命令来设置密码,本文写了一个shell... 在linux系统中,你可以使用useradd命令来创建新用户,使用echo和chpasswd命令来设

kali linux 无法登录root的问题及解决方法

《kalilinux无法登录root的问题及解决方法》:本文主要介绍kalilinux无法登录root的问题及解决方法,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,... 目录kali linux 无法登录root1、问题描述1.1、本地登录root1.2、ssh远程登录root2、

C#TextBox设置提示文本方式(SetHintText)

《C#TextBox设置提示文本方式(SetHintText)》:本文主要介绍C#TextBox设置提示文本方式(SetHintText),具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑... 目录C#TextBox设置提示文本效果展示核心代码总结C#TextBox设置提示文本效果展示核心代

Pyserial设置缓冲区大小失败的问题解决

《Pyserial设置缓冲区大小失败的问题解决》本文主要介绍了Pyserial设置缓冲区大小失败的问题解决,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面... 目录问题描述原因分析解决方案问题描述使用set_buffer_size()设置缓冲区大小后,buf

Feign Client超时时间设置不生效的解决方法

《FeignClient超时时间设置不生效的解决方法》这篇文章主要为大家详细介绍了FeignClient超时时间设置不生效的原因与解决方法,具有一定的的参考价值,希望对大家有一定的帮助... 在使用Feign Client时,可以通过两种方式来设置超时时间:1.针对整个Feign Client设置超时时间

springboot security验证码的登录实例

《springbootsecurity验证码的登录实例》:本文主要介绍springbootsecurity验证码的登录实例,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,... 目录前言代码示例引入依赖定义验证码生成器定义获取验证码及认证接口测试获取验证码登录总结前言在spring

PyCharm如何设置新建文件默认为LF换行符

《PyCharm如何设置新建文件默认为LF换行符》:本文主要介绍PyCharm如何设置新建文件默认为LF换行符问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录PyCharm设置新建文件默认为LF换行符设置换行符修改换行符总结PyCharm设置新建文件默认为LF

Linux上设置Ollama服务配置(常用环境变量)

《Linux上设置Ollama服务配置(常用环境变量)》本文主要介绍了Linux上设置Ollama服务配置(常用环境变量),Ollama提供了多种环境变量供配置,如调试模式、模型目录等,下面就来介绍一... 目录在 linux 上设置环境变量配置 OllamPOgxSRJfa手动安装安装特定版本查看日志在