Node.js 如何实施SailsJS+;Phonegap/Cordova应用程序
已审查: 但是没有找到真正的答案。 我想实施一个项目,其中后端是SailsJS,前端是:1)Web客户端;2) PhoneGap客户端 我查看了PhoneGap/Cordova的用法被提到的地方,但是,再一次,没有提供一个真实的例子Node.js 如何实施SailsJS+;Phonegap/Cordova应用程序,node.js,cordova,ionic-framework,sails.js,Node.js,Cordova,Ionic Framework,Sails.js,已审查: 但是没有找到真正的答案。 我想实施一个项目,其中后端是SailsJS,前端是:1)Web客户端;2) PhoneGap客户端 我查看了PhoneGap/Cordova的用法被提到的地方,但是,再一次,没有提供一个真实的例子 因此,如果有人能分享一个样板示例,包括Sails和PhoneGap/Cordova,或者至少分享一些示例代码,我将不胜感激。在花了几天的时间进行研究和试验/失败后,让我来分享对我有效的解决方案。 我将把我的答案分成两部分: 帆船 对于已经开发的SailsJS项目,
因此,如果有人能分享一个样板示例,包括Sails和PhoneGap/Cordova,或者至少分享一些示例代码,我将不胜感激。在花了几天的时间进行研究和试验/失败后,让我来分享对我有效的解决方案。 我将把我的答案分成两部分:
- 对于已经开发的SailsJS项目,只需从您的sails项目文件夹执行
——它将产生这里已经解释过的内容sails www
- 请注意,如果您有
文件,请重命名该文件,否则稍后将重写PhoneGapassets/js/app.js
文件夹中相同的www/js
文件app.js
- 确保您知道该URL,即您的项目被提升的位置-默认情况下它是
http://localhost:1337
- 创建您的PhoneGap项目。它将在PhoneGap项目文件夹中生成
文件夹www
- 在您当前的sails项目中找到您的
文件夹(参见第1点),然后将其内容复制到您的PhoneGapwww
文件夹中www
- 打开
文件并在关闭www/index.html
标记之前添加以下代码:body
(function onLoad() { var io; Object.defineProperty(window, 'io', { get: function get() { return io; }, set: function set(value) { var sails; io = value; // Immediately start connecting var socket = io.connect(backendURL); console.log('Connecting Socket.io to Sails.js...'); // Attach a listener which fires when a connection is established: socket.on('connect', function socketConnected() { console.log('Socket is now connected and globally accessible as `socket`.\n'); // set additional socket listeners here }); Object.defineProperty(io, 'sails', { get: function get() { return sails; }, set: function set(value) { sails = value; sails.url = 'backendUrl'; } }); } }); })();
标记中,并为后端URL
设置适当的值-这是您的SailsJS URL
- 编译您的PhoneGap项目并享受
- 对于已经开发的SailsJS项目,只需从您的sails项目文件夹执行
——它将产生这里已经解释过的内容sails www
- 请注意,如果您有
文件,请重命名该文件,否则稍后将重写PhoneGapassets/js/app.js
文件夹中相同的www/js
文件app.js
- 确保您知道该URL,即您的项目被提升的位置-默认情况下它是
http://localhost:1337
- 创建您的PhoneGap项目。它将在PhoneGap项目文件夹中生成
文件夹www
- 在您当前的sails项目中找到您的
文件夹(参见第1点),然后将其内容复制到您的PhoneGapwww
文件夹中www
- 打开
文件并在关闭www/index.html
标记之前添加以下代码:body
(function onLoad() { var io; Object.defineProperty(window, 'io', { get: function get() { return io; }, set: function set(value) { var sails; io = value; // Immediately start connecting var socket = io.connect(backendURL); console.log('Connecting Socket.io to Sails.js...'); // Attach a listener which fires when a connection is established: socket.on('connect', function socketConnected() { console.log('Socket is now connected and globally accessible as `socket`.\n'); // set additional socket listeners here }); Object.defineProperty(io, 'sails', { get: function get() { return sails; }, set: function set(value) { sails = value; sails.url = 'backendUrl'; } }); } }); })();
标记中,并为后端URL
设置适当的值-这是您的SailsJS URL
- 编译您的PhoneGap项目并享受