nodejs(1):mac 安装nodejs & electron 环境开发桌面应用

1,下载node安装包



https://github.com/electron/electron

Electron 是 Github 发布跨平台桌面应用开发工具,支持 Web 技术开发桌面应用开发,其本身是基于 C++ 开发的,GUI 核心来自于 Chrome,而 JavaScript 引擎使用 v8。

mac 安装node 6.10.3.pkg https://nodejs.org/

直接下一步,下一步安装即可。 This package will install Node.js v6.10.3 and npm v3.10.10 into /usr/local/.
然后 node 和 npm 命令就可以使用了。
创建第一个helloworld vi hello.js

var http = require('http');
http.createServer(function(req, res){
    res.writeHead(200, {'Content-Type': 'text/plain'});
    res.end('Hello World\n');
}).listen(8808, '127.0.0.1');
console.log('Server running at http://127.0.0.1:8808');

node hello.js
然后访问 http://127.0.0.1:8808/ 就可以看到效果了。

2,使用taobao 代理



nodejs的网站被屏蔽,可以使用淘宝的镜像。
修改 配置文件 ~/.bash_profile

#alias for cnpm
alias cnpm="npm --registry=https://registry.npm.taobao.org \
  --cache=$HOME/.npm/.cache/cnpm \
  --disturl=https://npm.taobao.org/dist \
  --userconfig=$HOME/.cnpmrc

然后就可以使用 cnpm 命令了,(是china npm的意思吧)
以后都使用 cnpm 命令替换掉npm 命令。

3,下载helloworld 启动



官方已经提供了一个很简单的demo了。

# Clone this repository
git clone https://github.com/electron/electron-quick-start
# Go into the repository
cd electron-quick-start
# Install dependencies 注意是cnpm 命令!!
cnpm install
# Run the app
npm start

同时可以通过https://electron.atom.io/ 地址下载demo。也是集成了很多例子的。

4,获得视频



已经开启视频支持。不需要确认直接调用。
在浏览器上面还要用户确认下,这个直接调用了。
对于用户来说就是一个app应用。

https://github.com/electron/electron/blob/master/docs/api/desktop-capturer.md

// In the renderer process.
const {desktopCapturer} = require('electron')

desktopCapturer.getSources({types: ['window', 'screen']}, (error, sources) => {
  if (error) throw error
  for (let i = 0; i < sources.length; ++i) {
    if (i == 0) {//获得第一个。api变了。名字叫别的了。
      navigator.webkitGetUserMedia({
        audio: false,
        video: {
          mandatory: {
            chromeMediaSource: 'desktop',
            chromeMediaSourceId: sources[i].id,
            minWidth: 1280,
            maxWidth: 1280,
            minHeight: 720,
            maxHeight: 720
          }
        }
      }, handleStream, handleError)
      return
    }
  }
})

function handleStream (stream) {
  document.querySelector('video').src = URL.createObjectURL(stream)
}

function handleError (e) {
  console.log(e)
}

5,总结



本文的原文连接是: http://blog.csdn.net/freewebsys/article/details/71261179 未经博主允许不得转载。
博主地址是:http://blog.csdn.net/freewebsys

nodejs 类库,能做的事情还是很多的。功能非常强大。
之前认为这个只是一个前端同学学习的工具。
但后来认为,这个是一个新的框架体系。可以做的事情很多。
全栈工程师必须要学习的技术。使用好了,可以提高效率。
其实大多数的开发就是做应用开发的。
快速的将产品交付给用户使用就好了,然后回家睡觉。
真的不用纠结用啥技术。你应该不在乎,用户也不在乎。

时间: 2024-09-20 04:15:13

nodejs(1):mac 安装nodejs &amp; electron 环境开发桌面应用的相关文章

【NodeJs】Linux安装NodeJs并配合Nginx实现反向代理

Linux安装NodeJs并配合Nginx实现反向代理 NodeJs 是什么 Node.js是一个Javascript运行环境(runtime).实际上它是对Google V8引擎进行了封装.V8引 擎执行Javascript的速度非常快,性能非常好. Node.js对一些特殊用例进行了优化,提供了替代的API,使得V8在非浏览器环境下运行得更好. 本地安装(OS X) 版本选择 V4.4.4,长期支持版本,成熟可靠 V6.2.0 稳定版本,最新特性 这里我还是倾向于使用最新的版本~ 下载安装包

Windows7下安装 Nodejs 并在 WebStorm 9.0.1 下搭建编译 LESS 环境的图文教程_win服务器

1. 打开Nodejs官网http://www.nodejs.org/,点"DOWNLOADS",点64-bit下载"node-v0.10.33-x64.msi". 2. 下载好后,双击"node-v0.10.33-x64.msi",按照默认选项安装Nodejs,默认安装路径为:C:\Program Files\nodejs. (请根据系统位数自行安装) 3. "开始"-->cmd,打开cmd程序,输入"nod

Mac OS X 系统下安装和部署Egret引擎开发环境_node.js

 概述 Egret基于TypeScript开发的,而TypeScript编译工具tsc是基于Node.js开发的.所以在安装过程中,我们先需要对于基础支持工具进行安装.需要安装的软件如下: Node.jsTypeScript代码编辑器HTTP服务器(可选)Chrome(可选)EgretJava 这篇文档中,我们主要介绍在Mac环境中安装Egret.其安装步骤如下. 1.安装Node.js 1.1下载Node.js Node.js的安装方法非常简单,我们可以访问Node.js官网,然后进点击页面中

Linux(1)——在Linux下安装Nodejs(详细教程,包会),并成功创建一个简单的服务器

操作系统: CentOS 6.5 64位,用的阿里云的ECS里最便宜的(但还是好贵啊!)   [0]下载 https://nodejs.org/en/download/ nodejs的官网, 我下的是64位.   文件的上传:上传到服务器的话,我是用ftp,对于我这种新手来说,用ftp来处理文件的转移/复制/粘贴最方便了. 如果是虚拟机的话,我不太清楚,反正感觉linux下载文件挺麻烦的... 不过或许可以用图形化的linux操作系统,然后用浏览器下载?   [1].tar.xz解压缩方法 xz

ubuntu下安装nodejs的方法

安装方法一 安装依赖包  代码如下 复制代码 $sudo apt-get install g++ curl libssl-dev apache2-utils python build-essential gcc 下载安装 注意安装版本  代码如下 复制代码 // 下载 $ wget http://nodejs.org/dist/v0.10.24/node-v0.10.24.tar.gz // 解压: $ tar -zxf node-v0.10.14.tar.gz $ cd node-v0.10.

Linux安装NodeJs并配合Nginx实现反向代理_Linux

本文介绍了Linux安装NodeJs并配合Nginx实现反向代理 ,具体如下: NodeJs是什么? Node.js是一个JavaScript运行环境(runtime).实际上它是对Google V8引擎进行了封装.V8引 擎执行Javascript的速度非常快,性能非常好. Node.js对一些特殊用例进行了优化,提供了替代的API,使得V8在非浏览器环境下运行得更好. 本地安装(OS X) 版本选择 V4.4.4,长期支持版本,成熟可靠 V6.2.0 稳定版本,最新特性 这里我还是倾向于使用

安装nodejs

NodeJS现在也是很火的一门技术,使得javascript跻身到服务器端的行列. 为了使用一款轻量级的httpserver,只好安装了nodejs,其实平时并没有进行这方面的研究的,废话不多说,先安装上吧! 1 下载安装包 直接去官网:http://nodejs.org/download/ 下载对应的版本,windows下直接安装就行. 2 无脑下一步安装 安装完成后在cmd中输入 node -v 检测: 如果没有显示版本号,则检查一下path环境变量中是否有安装的nodejs的目录. 如果没

ubuntu下安装nodejs以及升级的办法

  本文介绍了ubuntu 12.04服务器安装nodejs以及升级的方法,ubuntu安装nodejs以及升级的实例教程,需要的朋友参考下. 因为最近打算研究下nodejs,结果发现了网上并没有适合先在的nodejs的安装和更新教程 首先在ubuntu的命令行下执行: ? 1 apt-get install nodejs 然后我们需要安装npm,这是nodejs用的版本管理工具: ? 1 apt-get install nodejs 接着我们用node -v可以看下版本,如果发现版本很低的话(

Windows系统中安装nodejs图文教程

  这篇文章主要介绍了Windows系统中安装nodejs图文教程,本文分解了安装中的各个步骤并给出图文说明,需要的朋友可以参考下 第一步:下载安装文件 官网下载地址:http://www.nodejs.org/download/ 第二步: 安装步骤 第三步:检测是否安装完成