Skip to content

How to install a self-hosted instance of iFramely for use with NodeBB

Configure
29 4 9.1k 1
  • thanks a lot @phenomlab , if it is OK for you, I would like to share our custom CSS codes with self-hosted iframely…

    The free version looks quite bigger than the paid version, so we improved the look with these CSS changes… It is still not as pretty as the original iframely embeds, but I believe it is still better than the default one.

    Of course, feel free to change/edit it as you like:

    
    .iframely-link .iframely-container {
        
        .img-responsive {
        height:120px !important;
        width: auto !important;
        overflow: hidden !important;
        }
    
    
        .iframely-meta {
        display: none !important;
        }
    
    
        .media {
        float: left !important;
        padding: 0 5px 0 0 !important;
        }
        
        .media-heading {
        margin-top: 5px;
        margin-bottom: 2px;
        }
    
        .description {
        position: relative !important;
        top: 10px !important;
        }
    
        .panel-iframely .iframely-embed .one-line {
        white-space: normal;
        }
        
        .panel-body {
        padding: 5px;
        }
    }
    
    
    
    
  • thanks a lot @phenomlab , if it is OK for you, I would like to share our custom CSS codes with self-hosted iframely…

    The free version looks quite bigger than the paid version, so we improved the look with these CSS changes… It is still not as pretty as the original iframely embeds, but I believe it is still better than the default one.

    Of course, feel free to change/edit it as you like:

    
    .iframely-link .iframely-container {
        
        .img-responsive {
        height:120px !important;
        width: auto !important;
        overflow: hidden !important;
        }
    
    
        .iframely-meta {
        display: none !important;
        }
    
    
        .media {
        float: left !important;
        padding: 0 5px 0 0 !important;
        }
        
        .media-heading {
        margin-top: 5px;
        margin-bottom: 2px;
        }
    
        .description {
        position: relative !important;
        top: 10px !important;
        }
    
        .panel-iframely .iframely-embed .one-line {
        white-space: normal;
        }
        
        .panel-body {
        padding: 5px;
        }
    }
    
    
    
    

    @crazycells thanks for this. I too changed the default layout, but will certainly have a look at your CSS mods because they might be better than mine! 😄

  • thanks a lot @phenomlab , if it is OK for you, I would like to share our custom CSS codes with self-hosted iframely…

    The free version looks quite bigger than the paid version, so we improved the look with these CSS changes… It is still not as pretty as the original iframely embeds, but I believe it is still better than the default one.

    Of course, feel free to change/edit it as you like:

    
    .iframely-link .iframely-container {
        
        .img-responsive {
        height:120px !important;
        width: auto !important;
        overflow: hidden !important;
        }
    
    
        .iframely-meta {
        display: none !important;
        }
    
    
        .media {
        float: left !important;
        padding: 0 5px 0 0 !important;
        }
        
        .media-heading {
        margin-top: 5px;
        margin-bottom: 2px;
        }
    
        .description {
        position: relative !important;
        top: 10px !important;
        }
    
        .panel-iframely .iframely-embed .one-line {
        white-space: normal;
        }
        
        .panel-body {
        padding: 5px;
        }
    }
    
    
    
    

    @crazycells I tried this CSS, and it looks a little “cramped” to me - why not post some screenshots ?

  • here is an example… Since previews are just previews and do not give the whole info, we prefer to see them in the text as a small banner with some info in it… free iframely takes a much larger unnecessary space from the post…

    Screen Shot 2022-08-26 at 14.02.01.png

  • here is an example… Since previews are just previews and do not give the whole info, we prefer to see them in the text as a small banner with some info in it… free iframely takes a much larger unnecessary space from the post…

    Screen Shot 2022-08-26 at 14.02.01.png

    @crazycells looks like you’re using a 100% width there which would explain the cramped look on here as I set a static max-width 👍

  • @crazycells looks like you’re using a 100% width there which would explain the cramped look on here as I set a static max-width 👍

    @phenomlab yes, you have very customized themes here; so I guess CSS codes will need some adjustments for a similar look…

  • Thanks @crazycells for your code, I will test it, for sure 😉

    @phenomlab Resources level, do you know to what extent the CPU will be impacted by Iframely?

    Generally speaking, our forum uses between 20 and 50% of the CPU. With peaks at 80-90 which return an excess load and unavailability to the forum (a few seconds).

  • Thanks @crazycells for your code, I will test it, for sure 😉

    @phenomlab Resources level, do you know to what extent the CPU will be impacted by Iframely?

    Generally speaking, our forum uses between 20 and 50% of the CPU. With peaks at 80-90 which return an excess load and unavailability to the forum (a few seconds).

    @DownPW iFramely is multi threaded and runs as a cluster, so will spread itself across the amount of cores you have. If you run pm2 status you’ll see how many cores it’s using, plus the memory usage.

    I’ve never had an issue with it and I know that thousands of sites have it installed with no performance degradation. It scales very well and only seems to occupy a small selection of CPU and memory.

  • @DownPW iFramely is multi threaded and runs as a cluster, so will spread itself across the amount of cores you have. If you run pm2 status you’ll see how many cores it’s using, plus the memory usage.

    I’ve never had an issue with it and I know that thousands of sites have it installed with no performance degradation. It scales very well and only seems to occupy a small selection of CPU and memory.

    Ok @phenomlab

    Thanks for your answer but with pm2 status command, I see a % of CPU used but not the number of CPU core used…

  • Ok @phenomlab

    Thanks for your answer but with pm2 status command, I see a % of CPU used but not the number of CPU core used…

    @DownPW how many cores do you have ?

  • @DownPW how many cores do you have ?

    @phenomlab

    What a loser I am lol 😵

    I configured only one core on my VM !!!

  • @phenomlab

    What a loser I am lol 😵

    I configured only one core on my VM !!!

    @DownPW OMG 🤦

  • ha ha, i’m tired voila 🙂

    you say this:

    if you are using Cloudflare, this particular port (8061) isn’t routable with the free plan, so something to be aware of

    @phenomlab
    I’m using a free plan from CloudFlare, will this bother me for use Iframely on my server?

  • ha ha, i’m tired voila 🙂

    you say this:

    if you are using Cloudflare, this particular port (8061) isn’t routable with the free plan, so something to be aware of

    @phenomlab
    I’m using a free plan from CloudFlare, will this bother me for use Iframely on my server?

    @DownPW only if you choose to not proxy the traffic (grey cloud only, which is just DNS rather than the default orange cloud)

  • ha ha, i’m tired voila 🙂

    you say this:

    if you are using Cloudflare, this particular port (8061) isn’t routable with the free plan, so something to be aware of

    @phenomlab
    I’m using a free plan from CloudFlare, will this bother me for use Iframely on my server?

    @DownPW you will win this war 🙂

  • @phenomlab

    A CNAME on Cloudflare is not sufficient ?

    like this :

    16e51b39-776a-43d8-81a8-0b072cb52b6a-image.png

  • @phenomlab

    A CNAME on Cloudflare is not sufficient ?

    like this :

    16e51b39-776a-43d8-81a8-0b072cb52b6a-image.png

    @DownPW no. It needs to be an A record. CNAME is canonical meaning that traffic sent to it will land up at your main nginx site. The A record will sent headers which nginx can use to route the traffic correctly.

    CNAME records do not have this and will resolve to the underlying host which will cause you problems. Useful for WWW and non-WWW, but that’s about it.

    Essentially, it’s an alias and not a record in it’s own right.

  • @DownPW no. It needs to be an A record. CNAME is canonical meaning that traffic sent to it will land up at your main nginx site. The A record will sent headers which nginx can use to route the traffic correctly.

    CNAME records do not have this and will resolve to the underlying host which will cause you problems. Useful for WWW and non-WWW, but that’s about it.

    Essentially, it’s an alias and not a record in it’s own right.

    @phenomlab i think my ifamely started to not work i dont know why 😞 youtube embed not working 😞

    7b229e08-8c8f-4d9e-be5d-78a4f0bb1b37-image.png

    [PM2][ERROR] Process or Namespace iframely not found
    [PM2][WARN] Current process list is not synchronized with saved list. App iframely iframely differs. Type ‘pm2 save’ to synchronize.

  • @cagatay is the iframely service started ? That error message would indicate it’s not running

  • @cagatay is the iframely service started ? That error message would indicate it’s not running

    @phenomlab as a result of ps -x i cant see iframely service pid id so i think its not working automaticly when i rebooted the server. How can i start it?


Related Topics
  • Create a self-hosted instance of NTFY

    Moved Guides ntfy build selfhost
    63
    9
    26 Votes
    63 Posts
    14k Views
    @sebmegag hi. Welcome aboard! I’ve tried this on both iPhone and Android and it works fine. Did you double check the config you have?
  • NodeBB: Upgrading to NodeBB v3.x

    Solved Configure nodebb v3.x
    6
    0 Votes
    6 Posts
    1k Views
    @mventures You’d need to connect to the server and execute it directly - not on your local terminal. Review the guide below, which will show you how to gain access via SSH to your server https://docs.ovh.com/gb/en/dedicated/ssh-introduction/ Once you have access, you’ll need to navigate to the actual folder where NodeBB is installed You’ll then need to change to the directory as shown below /home/unbuntu/nodebb [image: 1680448167972-fdffe673-bf63-4b6d-a728-5506fddc1aff-image.png] In most cases, initial access takes you to the root of the file system. You can always issue pwd in a Linux terminal which will show you the Present Working Directory. From there, you can issue the command cd /home/ubuntu/nodebb Once in the NodeBB directory, you’d use the below commands ./nodebb stop git fetch && git checkout develop && git reset --hard origin/develop ./nodebb upgrade ./nodebb start Line 1 stops the NodeBB instance Line 2 gets the latest files from GIT (repository) and then checks out the development branch. It then resets the version you are using to the development branch ready for v3 Line 3 Runs the upgrade once the new branch is set, and code pulled Line 4 Restarts the NodeBB instance after the upgrade has completed Note that when you restart NodeBB and log back in, things will look very different to what you had in v2.
  • NodeBB: Creating pages

    Solved Configure nodebb create page
    9
    0 Votes
    9 Posts
    2k Views
    OK, I think I have figured out how to place a link in the footer which will click to a new page.
  • nodebb loading emojis

    Solved Configure nodebb emojis
    16
    1
    1 Votes
    16 Posts
    3k Views
    @DownPW sure. Let me have a look at this in more detail. I know nginx plus has extensive support for this, but it’s not impossible to get somewhere near acceptable with the standard version. You might be better off handling this at the Cloudflare level given that it sits in between the requesting client and your server.
  • Gettin Erors NodeBB

    Solved Configure nodebb eror
    7
    0 Votes
    7 Posts
    1k Views
    @phenomlab no forum is working goods. there is no eror message since yestarday.
  • Podcast Share NodeBB

    Solved Configure podcast nodebb
    15
    4 Votes
    15 Posts
    2k Views
    @cagatay You could experiment with nodebb-plugin-ns-embed but I expect the x-origin tag on the remote site to prevent playback.
  • 4 Votes
    8 Posts
    3k Views
    @phenomlab Sorry to delay in responding, yes as i mentioned above, i had to remove my redis from docker and reinstall a new image with this command docker run --name=redis -p 127.0.0.1:6379:6379 -d -t redis:alpine and now when i test my ip and port on https://www.yougetsignal.com/tools/open-ports/ the status of my redis port is closed. I think which to configure firewall in droplet digital ocean is a good idea too, and i will configure soon. Thanks for the help!
  • Iframely (Nodebb)

    Solved Configure
    40
    4 Votes
    40 Posts
    7k Views
    @DownPW This is now resolved. The issue was an incorrect URL specified in the Nodebb plugin. I’ve corrected this, and now it works as intended.