首页 > 其他分享 >如何在Hue中集成第三方Web应用

如何在Hue中集成第三方Web应用

时间:2022-10-04 13:31:37浏览次数:70  
标签:集成 Web cdh01 hue app apps Hue livy

温馨提示:如果使用电脑查看图片不清晰,可以使用手机打开文章单击文中的图片放大查看高清原图。


Fayson的github:

​https://github.com/fayson/cdhproject​


提示:代码块部分可以左右滑动查看噢


1.文档编写目的



在Hue3.5.0(CDH5.0及更高版本)中新增加了集成第三方Web应用的功能,允许将Web页面作为APP添加到Hue GUI中。运行通过Hue和Hue权限访问外部应用程序,本篇文章Fayson主要通过Livy的Web服务为例,介绍如何在Hue中集成第三方的Web应用。


  • 测试环境说明

1.CM5.15.0和CDH5.14.2


2.Hue集成Livy应用



1.登录Hue服务所在服务器,进入/opt/cloudera/parcels/CDH/lib/hue目录


如何在Hue中集成第三方Web应用_hadoop


2.备份hue.pth文件,集成失败时可以通过该文件进行恢复


[root@cdh01 hue]# cp build/env/lib/python2.7/site-packages/hue.pth .

(可左右滑动)


如何在Hue中集成第三方Web应用_h5_02


3.执行如下命令,创建livy app的代理


[root@cdh01 hue]# build/env/bin/hue create_proxy_app livy http://cdh02.fayson.com:8998/ui

(可左右滑动)


这里的livy可以根据自己的喜好命名,URL为Livy的访问地址


4.执行如下命令,注册livy app


[root@cdh01 hue]# tools/app_reg/app_reg.py --install livy --relative-paths

(可左右滑动)


如何在Hue中集成第三方Web应用_cloudera_03


注册livy app时,这里的livy与上一步的名称一致。


5.修改bulid/env/lib/python2.7/site-packages/hue.pth文件,修改为如下内容

修改前如下显示:


如何在Hue中集成第三方Web应用_cloudera_04


使用vi命令编辑将/apps/apps修改为/apps,


:%s#/apps/apps#/apps#

(可左右滑动)


修改后显示如下:


如何在Hue中集成第三方Web应用_h5_05


6.将生成的livy目录移到./apps目录下


[root@cdh01 hue]# pwd
/opt/cloudera/parcels/CDH/lib/hue
[root@cdh01 hue]# ll livy/
[root@cdh01 hue]# mv livy/ ./apps/

(可左右滑动)


如何在Hue中集成第三方Web应用_hadoop_06


7.修改app.reg注册文件中livy app的访问路径


[root@cdh01 hue]# pwd
/opt/cloudera/parcels/CDH/lib/hue
[root@cdh01 hue]# vim ./app.reg

(可左右滑动)


如何在Hue中集成第三方Web应用_cloudera_07


8.完成上述修改后,重启Hue服务即可


如何在Hue中集成第三方Web应用_h5_08


3.验证第三方APP集成



1.使用Hue的管理员登录,在菜单中可以看到“Other Apps”中显示Livy


如何在Hue中集成第三方Web应用_hadoop_09


2.点击“livy”菜单,成功的将Livy Web集成到Hue GUI中


如何在Hue中集成第三方Web应用_cloudera_10


3.可以通过Hue的管理员,修改Group组的权限来限制不同的用户是否有权限查看


如何在Hue中集成第三方Web应用_hadoop_11


4.总结



1.Hue3.5.0(CDH5或更高版本)可使用该集成功能。


2.如果livy的访问地址改变,这里就不需要再次进行集成,只需要在CM中,进入Hue服务的配置界面找到“hue_safety_valve_server.ini”配置项添加如下配置


[livy]
url=http://my_new_url

(可左右滑动)


如何在Hue中集成第三方Web应用_h5_12


保存配置后,重启Hue服务即可。



提示:代码块部分可以左右滑动查看噢


为天地立心,为生民立命,为往圣继绝学,为万世开太平。

温馨提示:如果使用电脑查看图片不清晰,可以使用手机打开文章单击文中的图片放大查看高清原图。



推荐关注Hadoop实操,第一时间,分享更多Hadoop干货,欢迎转发和分享。

如何在Hue中集成第三方Web应用_hadoop_13

原创文章,欢迎转载,转载请注明:转载自微信公众号Hadoop实操


标签:集成,Web,cdh01,hue,app,apps,Hue,livy
From: https://blog.51cto.com/u_14049791/5731220

相关文章

  • webpack优化
    一、使用webpack优化前端性能方法⽤webpack优化前端性能是指优化webpack的输出结果,让打包的最终结果在浏览器运⾏快速⾼效。可通过webpack优化前端的手段:代码压缩(删......
  • 适用于所有Web开发人员的6个有用的GitHub存储库
    英文| https://javascript.plainenglish.io/6-useful-github-repositories-for-all-web-developers-44f26912fd66翻译|web前端开发GitHub是一个很棒的平台,允许开发人员......
  • 25个构建Web项目的HTML建议,你需要了解一下!
    html超文本标记语言是一种用于创建网页的标准标记语言。html是一种基础技术,常与css、JavaScript一起被众多网站用于设计网页、网页应用程序以及移动应用程序的用户界面。HT......
  • 【Web开发】Python实现Web服务器(Bottle框架)
    Django-TheWebframeworkforperfectionistswithdeadlines.Flask-ThePythonmicroframeworkforbuildingwebapplications.Tornado-TornadoisaPythonw......
  • bugku-web-wp
    前言刷题平台:bugkuSimple_SSTI_1根据提示使用flag构造payoadflag{ea975f1b437b2290f98feacafb65d30c}GET根据提示get传参what=flagflag{6173e1cf278c7aa09813......
  • Tomcat——idea集成本地Tomcat
    IDEA集成本地Tomcat添加配置    添加本地Tomcat服务器    配置本地Tomcat路径    部署项目          在webapp中添加一个简......
  • WEB开发入门
    ​​前端基础之HTML​​​​前端-form表单与CSS​​​​前端CSS样式操作​​​​前端JavaScript​​​​前端基础之BOM与DOM操作​​​​前端之JQuery​​​​前端框架之Boo......
  • 分享Go书籍-《Go Web编程》
    大家好,我是沙漠尽头的狼。最近几天在看一本Go的书籍,看了100来页,感觉不错,分享给大家​。​书籍基本信息书籍信息:书名:GoWeb编程作者:(新加坡)郑兆雄(SauSheongChang......
  • 给 TWebBrowser.Document 定义事件
    (该代码来自国外网站,给"神奇的科比"参考)代码:unitUnit1;interfaceuses Windows,Messages,SysUtils,Variants,Classes,Graphics,Controls,Forms, ......
  • 分享Go书籍-《Go Web编程》
    大家好,我是沙漠尽头的狼。最近几天在看一本Go的书籍,看了100来页,感觉不错,分享给大家​。​书籍基本信息书籍信息:书名:GoWeb编程作者:(新加坡)郑兆雄(SauSheongChan......