分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 网页技术

Html+JS+PowerShell打造Web版AD管理系统

发布时间:2023-09-06 01:35责任编辑:白小东关键词:Web
QQ群里的Evan童鞋分享了一个利用Flask 调用 Powershell API 实现的运维管理系统。可惜现在该分享被删除了。很喜欢,所以也依样画葫芦做了一个。

后来发现豆子同学实现了一个django的,http://blog.51cto.com/beanxyz/1979809

原理其实都一样,主要就是用Django/Flask框架,Bootstrap做前端,然后后台python调用PowerShell API实现查询。

但后台既有powershell又有python,看得我很不爽,想只用PowerShell,于是就有了下面的折腾。

先上Demo

前端页面就是一个简单的html,为了好看,用了bootstrap框架。
bootstrap-table用来把查询的数据通过表格展示,还有导出、排序、分页等功能。
事件控制:jquery,ajax
后台就是PowerShell实现的API,网上很多,我试了豆子同学博客里说的HttpListener的模块,还有微软员工做的一个web框架 https://github.com/PowerShell/Polaris ,都没有问题。应该PowerShell的Web框架都可以。

1.后台执行PowerShell

Import-Module C:\users\yuan.li\Documents\GitHub\Powershell\HTTPListener.psm1 start-httplistener -verb -Auth None -port 8888

注:HTTPListener.psm1内容我做了一些避免跨域限制的修改。

 ???????????????#region 跨域 ???????????????$response.AddHeader("Access-Control-Allow-Origin", "*"); ?????????????????$response.AddHeader("Access-Control-Allow-Headers", "Authentication"); ?????????????????????????????????$response.AppendHeader("Access-Control-Allow-Headers", "Origin, No-Cache, X-Requested-With, If-Modified-Since, Pragma, Last-Modified, Cache-Control, Expires, Content-Type, X-E4M-With"); ?????????????????#endregion 跨域

这块了解不深,网上找来直接粘贴上的,不过确实起作用了。

2.没有python和flask/django框架,所有控制都是用JS来实现的。

首先,用GetURL()来拼接一个powershell 调用的url

var $pswebpai = "http://10.128.9.36:8888/?command="//构建Webapi URLfunction GetURL(option) { ???//切换URL ???switch (option) { ???????case "mail": ???????????var $cmdlet = "Get-ADUser -Filter * | select Name,SamAccountName,UserPrincipalName | Where-Object {$_.UserPrincipalName -ne $null}" ???????????break; ???????case "computer": ???????????var $cmdlet = "Get-ADComputer -Filter * -Property name,DNSHostName,OperatingSystem,OperatingSystemServicePack,OperatingSystemVersion" ???????????break; ???} ???var $url = $pswebpai + $cmdlet ???//alert($url) ???return $url}

然后,用ajax实现异步执行

 ???//当点击查询按钮的时候执行 ?????$QueryButton.click(function () { ???????//获取下拉菜单值 ???????var option = $("#myselect").val(); ??????var $url = GetURL(option); ???????$.ajax({ ???????????url: $url, ???????????dataType: ‘json‘, ???????????contentType: ‘application/json‘, ???????????charset: ‘UTF-8‘, ???????????success: function (result) { ???????????????console.log("Success"); ???????????????//console.log(result); ???????????????CommonTableInit(option, result); //初始化表格的函数 ???????????}, ???????????error: function (result) { ???????????????alert("error!"); ???????????} ???????}); ???});

这样一个Web查询功能就实现了。而且不用装python,flask\django框架了,部署的话也很简单,直接挂个地址就好了。(flask版试了在IIS下部署,没成功- -~)
后续还可以扩展增删改查功能。
目前唯一的问题就是HTTPListener有时查询会报错退出,估计换个健壮点的PowerShell Web框架就可以了。

其他思路:
1.完全用PowerShell Web框架去实现。
2.dotNet Core Web应用,生成exe格式的自托管console应用程序,直接双击执行。(WebAPI,C#调用powershell)

Html+JS+PowerShell打造Web版AD管理系统

原文地址:http://blog.51cto.com/640006/2059918

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved