Making our page interactive

Clase 18 de 54 • Full Stack JavaScript with Sails.js

Mike USA

student•

Sails v1.0 vs Sails v1.1

It's important to note that this class was using Sails v1.0 (YE 2017). The current version in mid-2019 is Sails v1.1. There are some noticeable differences in the templates rendered.

One of these differences is the view-available-things.js file. The video shows the default of the exits function as:

  fn: async function (inputs, exits){
    // Respond with view.
    return exits.success()
  }

v1.1 does not have the inputs/exits parameters assigned by default, it shows a trimmed down version:

  fn: async function () {
    // Respond with view.
    return {};
  }

This shouldn't make much difference, but note that you don't require the exits portion. The following should work:

fn: async function () {
  let things = [
    { id: 1, label: 'Sweet Red Drill' },
    { id: 2, label: 'Red Mountain Bike' }
  ];

  // Respond with view.
  return {things};
}

Rashid Makhmud

student•

No need for SAILS_LOCAL anymore in newer versions of Sails? For me, it works without doing _.extend(this.SAILS_LOCALS);

Rulfo Quintero Forero

student•

Hice todo al pie de la letra y No me funciona al terminar.

Error: In render: Property or method "things" is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components, by initializing the property.

William Alexander

student•

Everything works, except the list is blank. THere are two bullet points but no text visible. The click event works and displays in console. Only the label doesnt get displayed. Not sure what am i doing wrong

William Alexander

student•

after sails restart it works.

Kishore

student•

Hi, In mynames.page.js, I have

data: { names : [], //… },

beforeMount: function() { // Attach any initial data from the server. _.extend(this, SAILS_LOCALS); this.names = [{id: 1, name: 'abc'}, {id:2, name: 'xyz'}] },

Which I could able to successfully get innames.ejs and display the names array of objects.

<pre>{{names}}</pre>

Now I have moved the this.names = [{id: 1, name: 'abc'}, {id:2, name: 'xyz'}] code to view-names.js and is as shown below:

`fn: async function () {
var sampleNames = [{id: 1, name: ‘abc’}, {id:2, name: ‘xyz’}]
// Respond with view.
return {
names : sampleNames
}

but in mynames.ejs when I give<pre>{{names}}</pre>, I am getting output as empty array [], the actual names data ( array of objects) is not getting displayed. Can any one help me where I am going wrong.

Dhruv Mishra

student•

do a sails restart....

Alexandre Assis

student•

What is redis and should I do anything to set it up? I can’t start sails with redis, it gives me an error message.
error: A hook (\session) failed to load! error: error: Error: Redis connection to 127.0.0.1:6379 failed - connect ECONNREFUSED 127.0.0.1:6379 at TCPConnectWrap.afterConnect [as oncomplete] (net.js:1158:14) error: Could not load Sails app. error: error: Tips: error: • First, take a look at the error message above. error: • Make sure you’ve installed dependencies with npm install. error: • Check that this app was built for a compatible version of Sails. error: • Have a question or need help? (<http://sailsjs.com/support>)

Diego Forero

Team Platzi•

Redis is a key - value database, you must install and run Redis in your computer

Robertino Vasilescu

student•

Install redis-server on your computer then add this in config/datastores.js:

<code> cache: { adapter: ‘sails-redis’, url: ‘redis://localhost:6379’,

// Other available low-level options can also be configured here.
// (see below for more information)

},
</code>

Alexandre Assis

student•

(Sorry about the multiple comments, there is no EDIT button and the Trash icon is not working).

Diego Forero

Team Platzi•

The button works, you must make double click in the Trash icon.

Mike USA

student•

Sometimes the button doesn't and you have to refresh the page

Alexandre Assis

student•

What is redis and should I do anything to set it up? I can’t start sails with redis, it gives me an error message.
error: A hook ('session') failed to load! error: error: Error: Redis connection to 127.0.0.1:6379 failed - connect ECONNREFUSED 127.0.0.1:6379 at TCPConnectWrap.afterConnect [as oncomplete] (net.js:1158:14) error: Could not load Sails app. error: error: Tips: error: • First, take a look at the error message above. error: • Make sure you’ve installed dependencies with npm install. error: • Check that this app was built for a compatible version of Sails. error: • Have a question or need help? (http://sailsjs.com/support)

Rajavanya Subramaniyan

student•

You don't really need redis. Just ignore that it works fine for development and practice.

Robertino Vasilescu

student•

Why add the thing array in beforeMount and not in the data? Isn’t dats supposed to hold all initial variables?

Darius

student•

redis-cli ping returns PONG for me, but I still have to re-login if I restart the server. que pasa?

Rulfo Quintero Forero

student•

Bueno, era algo en mi server, hice sails lift y funciono!

Making our page interactive

Welcome to the course

Introduction and generalities

The technologies we are going to use

What we will build

Avoiding mistakes in our code

Github for our project

Installing platforms and dependencies

The essentials

Backend architecture

Frontend Architecture

ParasailsJS

Authentication and login

User Subscription

Sessions and Data Base

Password recovery

Email verification

Contact form

Managing payment information

Creating a new page

Making our page interactive

Creating a new model

Automatic testing

Creating a new action

Using Cloud SDK

Creating custom made functions

Personalization

Permissions

Friends with associations

Advanced queries and .populate

Modals

Ajax forms

Loading and error states

Putting it all together

Uploading backend file

Uploading frontend files

Downloading files

Your turn

Growth and monetization

Building a paywall

Recurrent payment subscriptions

Notifications

Invitations (Existing Users)

Invitations (New Users)

Unclaimed Accounts

Going live

SailsJS and NodeJS Settings

Application secutiry

Cloudflare and SSL Certifications

Using a platform as a service

Deploy to Heroku

Settings to send to production

Adding variables to Heroku

Data Base Settings

Before launching

Course Closure

Bonus content

Server-side rendering with EJS

Designing your frontend with Bootstrap 4

Understanding datastores

'Pure' APIs