Demo app

Functionality:

Upload / Download Files
Stream Audio / Video Files
Images, PDFs, Texts preview
Drag'n'drop support (files only, folders is not supported yet)
Image processing (thumbnails, preview)
DropBox as storage (note: you can use only one of DropBox or S3 at the same app)
AWS:S3 as storage (note: you can use only one of DropBox or S3 at the same app)
Login via social networks (allows to make uploaded files unlisted and/or private)
Heroku support (including one-click-deploy)

Quick start:

Activate AWS:S3

Read this article
After creating S3 bucket, create CloudFront Distribution and attach it to S3 bucket
Set S3 credentials into METEOR_SETTINGS env.var or pass as the file, read here for more info, alternatively (if something not working) set S3 env.var
You can pass S3 credentials as JSON-string when using "Heroku's one click install-button"

S3 credentials format (region is required):

{
  "s3": {
    "key": "xxx",
    "secret": "xxx",
    "bucket": "xxx",
    "region": "xxx"
  }
}

Activate DropBox

Read this article
Set DropBox credentials into METEOR_SETTINGS env.var or pass as file, read here for more info, alternatively (if something not working) set DROPBOX env.var
You can pass DropBox credentials as JSON-string when using "Heroku's one click install-button"

DropBox credentials format:

{
  "dropbox": {
    "key": "xxx",
    "secret": "xxx",
    "token": "xxx"
  }
}

Activate login via Social Networks

All credentials is set via env.var(s), if you're using "Heroku's one click install-button" - you will be able to pass all of them.

Facebook - Create an App:
- secret: ACCOUNTS_FACEBOOK_SEC
- appId: ACCOUNTS_FACEBOOK_ID
Twitter - Create an App:
- secret: ACCOUNTS_TWITTER_SEC
- consumerKey: ACCOUNTS_TWITTER_ID
GitHub - Create OAuth App:
- secret: ACCOUNTS_GITHUB_SEC
- clientId: ACCOUNTS_GITHUB_ID
Meteor Developer - Create an App:
- secret: ACCOUNTS_METEOR_SEC
- clientId: ACCOUNTS_METEOR_ID

Deploy to Heroku

Due to "ephemeral filesystem" on Heroku, we suggest to use 3rd-party permanent storage, read DropBox/S3/GridFS tutorial
Go to Heroku create and confirm your new account
Go through Node.js Tutorial
Install Heroku Toolbet
Then go to Terminal into Meteor's project directory and run:

# Build an app ypourself, or use pre-build version: https://github.com/VeliovGroup/Meteor-Files-Demo
# Available architectures:
# os.osx.x86_64
# os.linux.x86_64
# os.linux.x86_32
# os.windows.x86_32
meteor build ../build-<your-app-name> --architecture os.linux.x86_64
cd ../build-<your-app-name>
tar xzf <name-of-archive> -C ./
cd bundle/
cp -Rf * ../
cd ../
rm -Rf bundle/
rm -Rf <name-of-archive>
touch Procfile
echo "web: node main.js" > Procfile

heroku create <your-app-name> --buildpack https://github.com/heroku/heroku-buildpack-nodejs
# This command will output something like:
# - https://<your-app-name>.herokuapp.com/
# - https://git.heroku.com/<your-app-name>.git

# ONLY FOR CEDAR <= 14 - Add GraphicsMagick buildpack - for image manipulations
heroku buildpacks:add --index 1 https://github.com/mcollina/heroku-buildpack-graphicsmagick.git

# FOR CEDAR >= 16 - Add APT buildpack - to install graphicksmagick
heroku buildpacks:add --index 1 https://github.com/heroku/heroku-buildpack-apt

git init
heroku git:remote -a <your-app-name>

# Copy this: `https://<your-app-name>.herokuapp.com`, note `http(s)://` protocol
heroku config:set ROOT_URL=https://<your-app-name>.herokuapp.com
# To have a MongoDB, you can create one at https://mlab.com/
# After creating MongoDB instance create user, then copy URL to your MongoDB
# Should be something like: mongodb://<dbuser>:<dbpassword>@dt754268.mlab.com:19470/mydb
heroku config:set MONGO_URL=mongodb://<dbuser>:<dbpassword>@dt754268.mlab.com:19470/mydb

# For DropBox:
# heroku config:set DROPBOX='{"dropbox":{"key": "xxx", "secret": "xxx", "token": "xxx"}}'

# For AWS:S3:
# heroku config:set S3='{"s3":{"key": "xxx", "secret": "xxx", "bucket": "xxx", "region": "xxx"}}'

# For Facebook:
# heroku config:set ACCOUNTS_FACEBOOK_ID=xxx ACCOUNTS_FACEBOOK_SEC=yyy

# For Twitter:
# heroku config:set ACCOUNTS_TWITTER_ID=xxx ACCOUNTS_TWITTER_SEC=yyy

# For GitHub:
# heroku config:set ACCOUNTS_GITHUB_ID=xxx ACCOUNTS_GITHUB_SEC=yyy

# For Meteor Developer:
# heroku config:set ACCOUNTS_METEOR_ID=xxx ACCOUNTS_METEOR_SEC=yyy

# Enable sticky sessions, to support HTTP upload:
heroku features:enable http-session-affinity

git add .
git commit -m "initial"
git push heroku master

Go to https://<your-app-name>.herokuapp.com
If your app has errors:
- Check logs: heroku logs --tail
- Try to run locally and debug: heroku run node

Support this project:

Use ostr.io — Monitoring, Analytics, WebSec, Web-CRON and Pre-rendering for a website
Become a patron — support our open source contributions with monthly donation
Donate via PayPal

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

veliovgroup / Meteor-Files-Demo

Programming Languages

Labels

Projects that are alternatives of or similar to Meteor-Files-Demo