js linux脚本管理器,Html+JS+PowerShell打造Web版AD管理系统 （一）

QQ群里的Evan童鞋分享了一个利用Flask 调用 Powershell API 实现的运维管理系统。可惜现在该分享被删除了。很喜欢，所以也依样画葫芦做了一个。

原理其实都一样，主要就是用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 URL

function 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)

跨域这块儿一直没搞明白，用jsonp的话，debug的响应里能看到返回的json对象，但是console.log(返回的json对象);的话，则看不到任何返回的json对象数据，ajax的回调函数也没有接收到json对象，感觉就好像而是直接被浏览器接收了。。。换了好几个powershell WebAPI都是这个问题。直接访问powershell webapi也都是有数据的。