A community-built Power Platform sample

App Login

This sample allows a user to enter their credentials, a username and password, in order to authenticate themselves and gain access to a homepage.

Power Apps
Preview
Last updated
Feb 2, 2023
Category
Power Apps, Canvas apps
Premium license
Not required
Experimental features
No

From idea to implementation

Make it your own.

Check this sample's prerequisites, permissions, and licensing before importing it. The documentation below comes directly from the sample README.

Summary

This sample allows a user to enter their credentials, a username and password, in order to authenticate themselves and gain access to a homepage. It shows the basic authentication flow. There is also an error page that opens when a wrong password is entered.

Default Credentials:

Username Password
admin admin
seth 1234

Preview

picture of the sample

Applies to

Compatibility

Power Apps Source File Pack and Unpack Utility 0.20 Premium License Experimental Features On-Premises Connectors Custom Connectors

Authors

Solution Author(s)
app-login Seth Addo, University Of Cape Coast

Version history

Version Date Comments
1.0 January 4, 2023 Initial release

Features

This sample illustrates the following concepts:

  • Authentication

Prerequisites

None

Data Sources

Data is obtained from SharePoint

SharePoint List

This SharePoint list has two columns: Title for Username and the Password column. Set the list up as follows:

Type Internal Name Required
Single line of text Title Yes
Single line of text Password Yes

Minimal Path to Awesome

  • Download the .msapp from the solution folder
  • Within Power Apps Studio, use the .msapp file using File > Open > Browse and select the .msapp file you just downloaded.
  • Create a Sharepoint list as shown above and add some data to it.
  • Select the Data tab.
  • Select Add data.
  • Search for Sharepoint
  • Select your list

Using the Source Code

You can also use the Power Apps CLI to pack the source code by following these steps::

  • Clone the repository to a local drive

  • Pack the source files back into .msapp file:

    pac canvas pack --sources pathtosourcefolder --msapp pathtomsapp
    

    Making sure to replace pathtosourcefolder to point to the path to this sample's sourcecode folder, and pathtomsapp to point to the path of this solution's .msapp file (located under the solution folder)

  • Within Power Apps Studio, use the .msapp file using File > Open > Browse and select the .msapp file you just packed.

Disclaimer

THIS CODE IS PROVIDED AS IS WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESS OR IMPLIED, INCLUDING ANY IMPLIED WARRANTIES OF FITNESS FOR A PARTICULAR PURPOSE, MERCHANTABILITY, OR NON-INFRINGEMENT.

Help

We do not support samples, but we this community is always willing to help, and we want to improve these samples. We use GitHub to track issues, which makes it easy for community members to volunteer their time and help resolve issues.

If you encounter any issues while using this sample, you can create a new issue.

For questions regarding this sample, create a new question.

Finally, if you have an idea for improvement, make a suggestion.

For more information