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

shenzhang

　　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 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)
　　源码下载链接：
　　http://down.51cto.com/data/2441697
　　跨域这块儿一直没搞明白，用jsonp的话，debug的响应里能看到返回的json对象，但是console.log(返回的json对象);的话，则看不到任何返回的json对象数据，ajax的回调函数也没有接收到json对象，感觉就好像而是直接被浏览器接收了。。。换了好几个powershell WebAPI都是这个问题。直接访问powershell webapi也都是有数据的。