teleren/devto huggingface dataset:
webMethods Developer Portal MFA using Token Based OTPs
Tags: authentication, mfa, otp, tutorial
Published: 2022-10-26 08:43:40

---
title: webMethods Developer Portal MFA using Token Based OTPs
published: true
date: 2022-09-14 14:10:54 UTC
tags: authentication, mfa, otp, tutorial
canonical_url: https://tech.forums.softwareag.com/t/webmethods-developer-portal-mfa-using-token-based-otps/263671
---

## Introduction

In this tutorial, you will learn how to use token based OTPs for multi factor authentication in [webMethods Developer Portal](https://developers.webmethods.io/portal/).

## Pre-requisite

- SMTP server and that need to be configured in webMethods Developer Portal for mail service.
- Any one of the RFC compliant software- or hardware token, such as:
  - [Google Authenticator](https://code.google.com/p/google-authenticator/)
  - [WinAuth](https://code.google.com/p/winauth/)(Windows)
  - [html5-google-authenticator](https://github.com/gbraad/html5-google-authenticator) (cross platform, HTML)
  - [JAuth](https://github.com/mclamp/JAuth) (cross platform, JAVA)

In this tutorial we would use Google Authenticator.

## Steps to follow

1. Ensure SMTP server is configured under Administration → SMTP  

2. Next enable MFA in Administration → Security  

3. When user sign up in webMethods Developer Portal they would be receiving the secret token via email  
 ![image](https://aws1.discourse-cdn.com/techcommunity/original/3X/9/8/983c4ec8e91b2526b5699c7a78b166ee4f32d09e.png)  
 ![image](https://aws1.discourse-cdn.com/techcommunity/original/3X/d/7/d735270b8cecfe9c4630053b7990b9d4643f704c.png)

4. The secret token will be generated only once if it’s lost it can’t be recovered

5. Using the secret token the Google authenticator can be configured. Provide the secret token as key for your account setup  

6. We’re done with setting up the MFA. Next time when user tries to login webMethods Developer Portal they would be requested for OTP  
 ![image](https://aws1.discourse-cdn.com/techcommunity/original/3X/1/8/18e274a20335077a3273a8be6476b1ba12c0ef16.png)  
User can provide the token from Google Authenticator has a OTP

7. You will be taken to the Welcome Page after authentication  

[Read full topic](https://tech.forums.softwareag.com/t/webmethods-developer-portal-mfa-using-token-based-otps/263671)
How Neural networks work?
Tags: datascience, machinelearning, algorithms, computerscience
Published: 2022-09-14 13:48:44

**## 1. What is neural network?**

Neural networks are a type of artificial intelligence (AI) system inspired by the human brain. A neural network consists of many simple processing units called neurons. Neurons communicate with each other by passing signals along their connections. These connections are weighted according to how strongly they transmit a signal. Each neuron receives input from other neurons, processes this information, and then produces output based on its own internal state.

**## 2. How does a neural network learn?**

A neural network learns by adjusting the weights between its neurons. As the network receives inputs, it compares these inputs to the outputs produced by previous layers. If the difference between the two is greater than some threshold value, the weight connecting the two neurons is increased. On the other hand, if the difference is less than the threshold, the connection is decreased. In this way, the network adjusts the weights until the error between the actual output and desired output is minimized.

**## 3. Why do we need neural networks?**

The idea behind using neural networks is to mimic the way our brains learn. Our brains have evolved over millions of years to perform complex tasks such as recognizing faces, understanding language, and playing chess. We believe that AI systems should be able to accomplish similar feats. However, unlike humans, computers don't have any innate knowledge about the world. To teach a computer what things look like, sound like, feel like, smell like, taste like, etc., requires us to program it. Programming a machine to recognize objects is relatively straightforward, but teaching it to understand language is much harder.

**## 4. What are the different types of neural networks?**

There are three major categories of neural networks: supervised learning, unsupervised learning, and reinforcement learning. Supervised learning involves training a neural network to predict future events given past data. Unsupervised learning doesn't require any prior knowledge about the data being processed. Reinforcement learning uses feedback to adjust the behavior of a neural network.

**## 5. What are the applications of neural networks?**

Neural networks have been applied to a wide range of problems including speech recognition, handwriting recognition, image classification, and natural language processing. Deep learning is a subset of neural networks that use deep architectures. Deep learning has had great success in fields such as object detection, speech recognition, and translation.
Setw() va setfill() ?
Tags: javascript, beginners, tutorial, react
Published: 2022-09-14 13:42:05

Dasturlash davomida `setw()`,`setfill()`larni sonlar bilan ishlashda qo'llaymiz.

> Masalan foydalanuvchi uchun son kiritish ya'ni `cin` operatiri kiritildi.Endilikda foydalanuvchining kiritadigan raqamlari sonini ham chegaralashimiz mumkin.Bu amal `Setw()` orqali amalga oshiriladi.

> `setfill(`)ga keladigan bo'lsak,raqamlar sonini chegaralaganimizdan so'ng,foydalanuvchi kiritkan raqamlardan bo'sh qolgan joylarga qaysi element joylashtirishni ham amalga oshirishimiz mumkin.

## Misol:

```
int main(){
  int a;
  cin>>a; 
  cout<<"Birthdate is ";
  cout<<setw(2) << setfill('0')<<a;

 return 0;
}
```
Git : feature-branch is nth commits behind
Published: 2022-09-14 13:40:06

The more I work with Git version control , the more I want to write a book from scratch that would be easy to read, that would include maintainable (up-to-date) link to real life examples, including many of developers experience in one precise volume – I already have a vision how it would look like, although it would take time to write one as I am still learning the git fundamentals, not mentioning some of its boring intrinsic parts of the git ... 

However, in this post I'd really like share one small issue I've dealt recently with ; consider we worked for a while on **feature-branch** that remotely (I said not locally, but remotely !) was merged to remote base branch named **develop** (<u>or main, master – whichever suits your imagination best</u>) : by convention any default merge action is commit action as well – remote develop becomes -ahead, feature-branch becomes -behind (keep in mind it could be a case of -ahead & -behind mixture), which would subsequently make aforementioned <u>remote **feature-branch**</u> stay N-th of commits -behind (<u>**prerequisite** : to state that some branch is _-ahead_ or _-behind_ your local copy of feature-branch must be [pre-]tracked with remote one</u>) . In my case it was both -ahead & -behind remotely . Ignore the -ahead part whereas we interested in -behind part only : -ahead part basically says that you made couple of commits ahead, but you have not yet decided to merge it to base branch remotely .

### <u>Feature-branch is -behind n-th of commits [solution]</u>

Prerequisites : The solution suggested assumes you are using GitHub Desktop

Instead of two step process i.e. pulling remote develop to update things locally & then merge local develop to the local copy of remote feature-branch, just do one step process what is called "Update from ..." (in my case it was Update from **develop**) or Ctrl + Shift + P on GitHub Desktop respectively . This action would remove n-th commits -behind message on your GitHub account for feature-branch or any relevant name of your feature-branch .
What will happened when writing switch case with "break" in a for loop
Published: 2022-09-14 13:36:37

demonstration code:
`javascript
const arr = [1,2,3];
for (const n of arr) {
  switch (n) {
    case 1: console.log(n); break;
    default: console.log(n); break;
  }
}
`

Amazing! the "break" keyword won't break the for loop
How to create your own blog in Remix in a few minutes
Tags: react, javascript, webdev, tutorial
Published: 2022-09-14 13:17:27

I've ported [my personal website](https://www.jmalvarez.dev/) to Remix to experiment with this new technology. I also wanted to contribute back to the community so I decided to offer it as a [Remix template](https://github.com/josemiguel-alvarez/simple-remix-blog). You can build a blog like mine and deploy it in just a few minutes. You can navigate through my website to see the final result.  
    
[simple-remix-blog](https://github.com/josemiguel-alvarez/simple-remix-blog) is built using [remix.run](https://remix.run/) and [TailwindCSS](https://tailwindcss.com/). I recommend going to the repository to read the details about the project.  
    
If you face any issues or have any suggestions, please open an issue in the repository or contact me on [Twitter](https://twitter.com/jmalvarezdev)!  
    
You can follow the next steps or go to the [simple-remix-blog repository](https://github.com/josemiguel-alvarez/simple-remix-blog) and follow the instructions there.  
    
## Tutorial
    
Run the following command to create a project using this blog template:  
	    
`npx create-remix@latest --template josemiguel-alvarez/simple-remix-blog`  
	    
![Terminal output](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/mduu7xcnt54ohdd8ak1c.png)

Run the `dev` script in the project folder that was created in the previous step:  
	    
`yarn dev`  
	    
![Terminal output](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/9envpweyjyvitlhu7m04.png)

Your blog should now be running on `localhost:3000`. There are some example posts in the template that you can remove when you're ready to start adding your own posts.  

Then you have to update the `app/siteMetadata.js` file with your own information.  
	    
To **create a new post** you have to add a new markdown or MDX file in `app/routes/posts`. The project supports frontmatter, so you can add the post metadata formatted as YAML at the top of the file. Check the posts in the template if you need an example.  
	    
Finally, include the new post in the `POSTS` constant in the `app/utils/posts.server.ts` file. The post should be available now in your blog.  
	    
## Deployment
	    
I've used Vercel to deploy the app. You only have to import the project from [here](https://vercel.com/new) and it will be deployed automatically.  
	    
In case that you need more help you can find the instructions [here](https://vercel.com/guides/deploying-remix-with-vercel).  
	    
## Resources

- [simple-remix-blog repository](https://github.com/josemiguel-alvarez/simple-remix-blog)  
- [Remix](https://remix.run/)  
- [TailwindCSS](https://tailwindcss.com/)  
- [Vercel](https://vercel.com/)  
    
---
    
It would be great to receive your feedback, so please contact me on [Twitter](https://twitter.com/jmalvarezdev) or open an issue in the [repository](https://github.com/josemiguel-alvarez/simple-remix-blog) if you have any suggestions.
Open source templates using Quasar framework/Vue.js
Tags: javascript, vue, opensource, quasar
Published: 2022-09-14 13:16:58

If you are looking for open source Quasar templates, please do checkout my work on GitHub. It may help you speed up at least your front-end development.

Please provide the valuable feedback as it helps me build better templates in the future.

If my work helps you in any way, please do consider supporting my work.

GitHub Sponsors: https://github.com/sponsors/mayank091193
Buy me a coffee: https://www.buymeacoffee.com/mayank091193

If you are looking for the template built using latest version of Quasar framework/Vue.js, you can checkout my premium admin CRM template(Live preview) at the below link:

https://next-quasar-admin-crm.netlify.app/

Thank you,
Mayank Patel
mayank091193@gmail.com
Build an Image Editor with JavaScript 🎨
Tags: javascript, tutorial, webdev
Published: 2022-09-14 13:12:38

Have you ever wondered if it was possible to build an **image editor** with plain JavaScript?

Well, you're in luck because today I'm going to show you how to do it.

**No third-party libraries are required.**

Let's get into it.

## How Will it Work?
Good question. We'll be using HTML5 Canvas to store the image, and then, using the canvas context's `filter` property, apply different filters to the image.

These filters include things such as:

- brightness
- saturation
- blur
- inversion

See a list of all available filters [here](https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/filter).

We're going to be giving the user the option to decide which filters should be applied to the image, and how intense each filter should be. This is done by using `<input type="range" />` as you can see below.

![Image Editor Screenshot](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/zs7ssqvbuy645tes01cw.jpg)

## [Full Video Tutorial](https://youtu.be/e_QGePW-GBw)
You can find the source code and full video tutorial for this project on my YouTube channel, [dcode](https://www.youtube.com/c/dcode-software).

{% youtube e_QGePW-GBw %}

Enjoy! 😎
What Are Props & How To Pass Them in React
Tags: react, props, programming, javascript
Published: 2022-09-14 13:07:57

If you're becoming familiar with React, you know that coding in React breaks all of your code down into different components. 
All of these different components have their own data that contributes to your application. A question of yours may be, how do you pass information from one component to another? That's when React props come into play. Often, props need to be rendered into different components to capture the functionality you need in web applications or to simply pass information through variables if needed. Props are short for properties, which are properties of an object.

In order to properly pass a prop, you need a certain syntax in which to pass it. For this, you will need a key-value pair. For every key, you need a value that holds the data that you are passing.

Look at the example below.
```jsx
import react from 'react'
import Names from './Names'

function LandingPage() {

const nameOne = "Teejay"

return (

<div>
  <Names name={nameOne} />
</div>

{/* In these examples the format will be key={value} */}
{/* The key can be any name of choice */} 
{/* The value must hold the same name as the function or variable you are passing */}


)

}

```
The Example below is the receiving component.
```jsx

export default function Names(props) {



  return (  
    <h1>Hello Everyone, My Name is {props.name}</h1>
   
)

}




```
As you see above, you are passing 'props' as an argument and using dot notation to target the key, which is 'name.' When you pass props, the component you are passing them to has to receive them as an argument first. This is the only way it can be accessed when you pass it. For example, think of it like basketball. Let's say you want a certain component to shoot the basketball. In order for this component to shoot, the basketball must be passed to it. That's how props work. 

Props also have a certain flow of data. They can only be passed downward. You can pass them children and sibling components only. There are ways to send data upwards, but that is a bit of a complex concept at the moment. Once you figure out how props properly work, it's another step closer to realizing what React can unlock as far as creativity goes. I hope this helped a bit with how props are passed from component to component. Enjoy, and keep coding!
Round nima?
Tags: beginners, programming, tutorial, javascript
Published: 2022-09-14 12:58:41

**C++** tilidagi `round() `funksiyasi argumentga eng yaqin bo'lgan butun qiymatni qaytaradi, `0,5` holatlarda nol bilan yaxlitlanadi.

```
float a=3.5;
cin<<a;
cout>>Round(a);
```
**console:**3

U `<cmath>` sarlavhasi faylida aniqlanadi.

> Masalan foydalanuvchi butun bo'lmagan sonni kiritdi.U sonni yaxlitlash uchun quyidagi amallarni bajaramiz.
```
float a=3.3;
cin<<a;
cout>>Round(a);
```
Terraform Integration
Tags: terraform, syntropy, network, devops
Published: 2022-09-14 12:54:51

Release Notes 22.09.14 - Terraform Integration

Using Syntropy Stack as a developer just got way easier!
Thanks to popular demand by our community of devs, we’ve decided to create an integration between Syntropy Stack and Terraform, a popular Infrastructure-as-code tool.
The first step should be getting familiar with the possibilities that our [provider](https://registry.terraform.io/providers/SyntropyNet/syntropystack/latest) offers. Feel free to jump into official [documentation](https://registry.terraform.io/providers/SyntropyNet/syntropystack/latest/docs) on Terraform's Registry or our (tutorial)[https://docs.syntropystack.com/docs/terraform].

Our team has been tailoring the product to better align with upcoming features, and we hope these aesthetic and functional updates will also improve your Syntropy Stack experience today.

### Terraform Integration Features
	- Terraform Integration in `Tools` section
	- ability to plan and manage Syntropy infrastructure via Terraform
	- creating a virtual agent
	- managing the services on endpoints
	- creating new peer-to-peer connection between two endpoints
	- creating mesh network between specific endpoints


### Improvements
	- sunsetting Network as Code (replacement with Terraform)
	- Updating palette colors in UI Platform
	- JWT handling improvements
	- Status of declined invtation - if the invite is declined, inviting person will receive an email notification

### Fixes
	- Long names fix of the Agents visibility
	- UI fix related palette colors
	- Theme changing fix
	- Error handling fix of the invalid SDN handling

## Getting Started
Get started with Syntropy Stack with our three-minute [quick start video](https://vimeo.com/499558754), or follow the [documentation](https://docs.syntropystack.com) for more details. Use Syntropy Stack to streamline your container and multi-cloud deployments and automate network orchestration.

## Getting Involved
Our community helps us identify the right problems to solve for our users. Whether you’re an active user of one of our products or just getting started, [join our community on Discord](https://discord.com/invite/HxW6DbUeMn)! We love to foster communication among developers. Also, don’t hesitate to send us a message if you have feedback or need assistance. We're happy to help!
The Journey of creating Twinr - A no-coding platform to convert website to app
Published: 2022-09-14 11:43:52


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/yt7xwid8lm4dz3h36vmq.png)

Technologies and software development influence our daily lives in more ways than we realize. Keeping up with these technological advancements has become all the more critical for businesses and industries. But these efforts should not stay limited within the confines of an organization – because technology shapes customer journeys as well. While investing in technologies, one of the primary concerns of every company is to accomplish the objective of providing hassle-free, seamless services to their customers. 

However, for as long as anyone can remember, this has been easier said than done. Why? While anyone can come up with exceptional ideas, coding is not everyone’s cup to tea. Moreover, entrepreneurs do face challenges like time and budgetary constraints, maintenance requirements, continuous follow-ups with the development team, etc. These issues have led to the emergence of low-code and no-code platforms – platforms that let users bring their ideas to life without it getting lost in the chaos of coding. At times, the investment of time and money wouldn’t result in a positive outcome. 

The founder of Twinr felt the pain-point of the customers and decided to work on a [no-code platform that could convert websites to mobile apps](https://twinr.dev) – instantly, without writing a single line of code. In early 2021, the idea of Twinr came into existence. By May 2021, they started working on the idea, understanding the market requirements and running trial and error tests. In June 2021, the development of the platform started and the first version was launched in October 2021.  After this, the requirements were clearer, and the team began working day and night to launch a platform that would help even those who did not have any coding knowledge or limited funds. After working on this for 3 months, the production ready version of the platform came into existence in Jan 2022. 

At present, the team is engaged in spreading awareness about the advantages of a no-code platform. Twinr has branched into numerous industries and are providing curated products for them. For the next few years, they will be working on adding more features to the platform and include additional industry-wise customizations and suggestions for the customers. Also, the users will see more of automation with enhanced flexibility.
Introducing: iv. A dark vibrant color scheme for vscode
Tags: vscode, css, design
Published: 2022-09-14 12:23:16

**IV (noun) [ī-ˈvē]**

is a dark vibrant color scheme intended to be pale attractive and elegant in the eyes of the user. It intends to be high-contrast. Yet preserving a reasonable degree of low-contrast that emphasizes simplicity and readability of the theme. 

IV follows the color scheme palette:

![colorscheme](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/fwyznxj5h6ty2ez726aa.png)

With the use of the palette, IV : vscode was created. Take a look with this one.

![vscode](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/hr5yd97xe4e3f8cxoit9.png)

## Installation

The official theme (v0.0.3) was up and running in the [extension marketplace](https://marketplace.visualstudio.com/items?itemName=riyuzenn.iv). Alternatively, you can get the source @ [GitHub](https://github.com/riyuzenn/vscode)

## 💝 Acknowledgment  

**With these wonderful software/people IV & IV : vscode is made possible (cttro)!**

- [vscode.one](https://themes.vscode.one) - Great tool for creating custom vscode theme with GUI.
- [Coolors.co](https://coolors.co) - Great palette generation.
- [Htmlcolorcodes.com](https://htmlcolorcodes.com) - Website with clean UI for handling hex color codes or rgb (even hsl).
- [Figma.com](https://figma.com) - Interface design tool that I use to design mostly all assets. Worth checking out (it offers free plan)
Think you know Docker ? Think twice
Tags: docker, devops, todayilearned
Published: 2022-09-14 12:11:43


I stumbled upon the amazing website of Ivan Velichko:

[![https://iximiuz.com/en/ blog banner](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/b7zkhfu2bvdc5xe4xugw.png)](https://iximiuz.com/en/)

This guy really goes into the details of understanding Docker, Kubernetes pods, and lots more, usually by redoing manually (using a terminal) what those tools do under the hood. The articles are fun and easy to read, with nice cute diagrams which make the complexity of the subjects easy to swallow.

## Want to test your knowledge ? Game's on !

If you think you understand Docker, I dare you to read his article *Learning Containers From The Bottom Up* and tell me you didn't learn a thing ! But to make it fun, let's play a game.

<u>Without cheating</u>, try explaining the following (all sections of the article):
1. Containers Are Not Virtual Machines
2. Images Aren't Needed To Run Containers <small>but containers are needed to build images</small>
3. Some Containers are Virtual Machines
4. *extra*: containerd vs. docker

👉 Post your answers in the comment and let the game begin ! 👈

{%collapsible Link to the article %}
All the answers on his blog post [Learning Containers From The Bottom Up](https://iximiuz.com/en/posts/container-learning-path/)
{%endcollapsible %}